Fix tabbed panel colors (#1567)

pydata · Nov 17, 2023 · 9803c5e · 9803c5e
1 parent 38ef477
commit 9803c5e
Showing 1 changed file with 6 additions and 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
@@ -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);
   }
 }