Update searchbar colors

[Etesam913]

Overview

• Made the algolia search conform to the Mephisto theme
• Fixed issue with contextualSearch making the search bar at the search route not getting any results.
  • I had to delete the search index in the algolia search dashboard.
  • Then I had to crawl the webpage in the algolia crawler(this also recreates the index)
  • I don't know why this decided to work today, given that I tried these two steps multiple times yesterday, but 🤷‍♂️
• Fixed resizing issue with algolia search

  • On the main page there is this bug:

  • resize-bug.mov

  • This has to do with the fact that the mobile version of the search modal has position: absolute instead of position: fixed for some reason

    • More specifically, the mobile version of the search modal does not account for the user scrolling the page

  • This seems to be a widespread issue as other documentation pages have not included this fix.

    • This is the published docusaurus page as of now:

    • docusaurus.mov

Video

new-search.mov

Resolves #862

[Etesam913]

I made an issue for the docusaurus people: facebook/docusaurus#7831

[pringshia]

Nice, the color changes look great!

Hmm docusuarus page seems to work fine for me on Chrome 103? Perhaps it's a firefox issue?

[Etesam913]

I was able to reproduce it in chrome. It has to do with switching from larger to smaller

in-chrome.mov