From 19dfb69510d705f7bbeb17c43ed4a0bedab648eb Mon Sep 17 00:00:00 2001
From: Rambaud Pierrick <12rambau@users.noreply.github.com>
Date: Fri, 15 Sep 2023 16:39:07 +0200
Subject: [PATCH] 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
---
 src/pydata_sphinx_theme/assets/styles/components/_search.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pydata_sphinx_theme/assets/styles/components/_search.scss b/src/pydata_sphinx_theme/assets/styles/components/_search.scss
index d40894d51..8fffcb0d1 100644
--- 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 {