From 34ef085404effe0dae69b461153dbafc9743790a Mon Sep 17 00:00:00 2001 From: Pierrick Rambaud Date: Fri, 15 Sep 2023 13:03:01 +0200 Subject: [PATCH 1/4] 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 --- src/pydata_sphinx_theme/assets/styles/components/_search.scss | 2 +- 1 file changed, 1 insertion(+), 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..0ec5edf2b 100644 --- a/src/pydata_sphinx_theme/assets/styles/components/_search.scss +++ b/src/pydata_sphinx_theme/assets/styles/components/_search.scss @@ -139,9 +139,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 { From 78c79db0a7ea9dd32023e6b82413b960836aba05 Mon Sep 17 00:00:00 2001 From: Pierrick Rambaud Date: Fri, 15 Sep 2023 13:13:18 +0200 Subject: [PATCH 2/4] fix: wrong css selector --- src/pydata_sphinx_theme/assets/styles/components/_search.scss | 3 ++- 1 file changed, 2 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 0ec5edf2b..03feb370b 100644 --- a/src/pydata_sphinx_theme/assets/styles/components/_search.scss +++ b/src/pydata_sphinx_theme/assets/styles/components/_search.scss @@ -52,12 +52,13 @@ } .form-control { + background-color: var(--pst-color-background); + &:focus, &:focus-visible { border: none; box-shadow: none; outline: 3px solid var(--pst-color-accent); - background-color: var(--pst-color-background); color: var(--pst-color-text-muted); } } From f416966c0bffd825337d9dec4dae0607104cec77 Mon Sep 17 00:00:00 2001 From: Rambaud Pierrick <12rambau@users.noreply.github.com> Date: Fri, 15 Sep 2023 16:07:18 +0200 Subject: [PATCH 3/4] Update src/pydata_sphinx_theme/assets/styles/components/_search.scss --- src/pydata_sphinx_theme/assets/styles/components/_search.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/pydata_sphinx_theme/assets/styles/components/_search.scss b/src/pydata_sphinx_theme/assets/styles/components/_search.scss index 03feb370b..c5ff96bfc 100644 --- a/src/pydata_sphinx_theme/assets/styles/components/_search.scss +++ b/src/pydata_sphinx_theme/assets/styles/components/_search.scss @@ -59,6 +59,7 @@ border: none; box-shadow: none; outline: 3px solid var(--pst-color-accent); + backgroun-color: var(--pst-color-background); color: var(--pst-color-text-muted); } } From 0d46056c83d5bb2bb9a611e1d0b356c13c352d65 Mon Sep 17 00:00:00 2001 From: Rambaud Pierrick <12rambau@users.noreply.github.com> Date: Fri, 15 Sep 2023 16:08:09 +0200 Subject: [PATCH 4/4] Update src/pydata_sphinx_theme/assets/styles/components/_search.scss --- src/pydata_sphinx_theme/assets/styles/components/_search.scss | 2 +- 1 file changed, 1 insertion(+), 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 c5ff96bfc..8fffcb0d1 100644 --- a/src/pydata_sphinx_theme/assets/styles/components/_search.scss +++ b/src/pydata_sphinx_theme/assets/styles/components/_search.scss @@ -59,7 +59,7 @@ border: none; box-shadow: none; outline: 3px solid var(--pst-color-accent); - backgroun-color: var(--pst-color-background); + background-color: var(--pst-color-background); color: var(--pst-color-text-muted); } }