From 8a3a22fc9b6e3af60a2d1b2feacccb9355f9b97f Mon Sep 17 00:00:00 2001 From: Gabriel Fouasnon Date: Thu, 16 Nov 2023 18:38:00 -0600 Subject: [PATCH] Fix tabbed panel colors --- .../assets/styles/extensions/_sphinx_design.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/pydata_sphinx_theme/assets/styles/extensions/_sphinx_design.scss b/src/pydata_sphinx_theme/assets/styles/extensions/_sphinx_design.scss index 87f0c482c..ca88c01ce 100644 --- a/src/pydata_sphinx_theme/assets/styles/extensions/_sphinx_design.scss +++ b/src/pydata_sphinx_theme/assets/styles/extensions/_sphinx_design.scss @@ -179,7 +179,7 @@ html[data-theme="light"] { transparent; // top LR bottom border-width: 0.125rem 0.125rem 0; border-radius: 0.125rem 0.125rem 0 0; - background-color: var(--pst-color-background); + background-color: var(--pst-color-on-background); transform: translateY(0.125rem); color: var(--pst-color-primary); } @@ -207,6 +207,10 @@ html[data-theme="light"] { padding: 0 0.75em; margin-inline-end: 0.25rem; line-height: 1.95; + + html[data-theme="dark"] & { + background-color: var(--pst-color-on-background); + } } // panel @@ -215,6 +219,7 @@ html[data-theme="light"] { border-radius: 0.1875rem; box-shadow: unset; padding: 0.625rem; + background-color: var(--pst-color-on-background); } }