fix: set the same background for dark/light (#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
pydata · Sep 15, 2023 · bd67c18 · bd67c18
1 parent e2279d9
commit bd67c18
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/pydata_sphinx_theme/assets/styles/components/_search.scss b/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 {