fix: set the same background for dark/light (pydata#1443)

* fix: set the same background for dark/light
et the same background color for all state of the search field. It is currently only applied when hovered

* fix: wrong css selector

* Update src/pydata_sphinx_theme/assets/styles/components/_search.scss

* Update src/pydata_sphinx_theme/assets/styles/components/_search.scss

Author: 12rambau

src/pydata_sphinx_theme/assets/styles/components/_search.scss

@@ -52,6 +52,8 @@
 }
 
 .form-control {
+  background-color: var(--pst-color-background);
+
   &:focus,
   &:focus-visible {
     border: none;
@@ -139,9 +141,9 @@
   border-radius: 1.5em;
   color: var(--pst-color-text-muted);
   padding: 0.5em;
+  background-color: var(--pst-color-surface);
 
   &:hover {
-    background-color: var(--pst-color-surface);
     border: 2px solid var(--pst-color-link-hover);
   }
   &:focus-visible {