Fix hardcoded colours used in tabs

KoolADE85 · KoolADE85 · commit 492e70f9d07d · 2025-12-02T11:51:53.000-07:00
diff --git a/components/dash-core-components/src/components/css/tabs.css b/components/dash-core-components/src/components/css/tabs.css
@@ -32,12 +32,12 @@
 /* Tab selected state */
 .tab--selected {
     border-top: 2px solid var(--tabs-primary);
-    color: black;
-    background-color: white;
+    color: var(--Dash-Text-Primary);
+    background-color: var(--Dash-Fill-Inverse-Strong);
 }
 
 .tab--selected:hover {
-    background-color: white;
+    background-color: var(--Dash-Fill-Inverse-Strong);
 }
 
 /* Tab disabled state */

Original file line number	Diff line number	Diff line change
`@@ -32,12 +32,12 @@`
`32`	`32`	`/* Tab selected state */`
`33`	`33`	`.tab--selected {`
`34`	`34`	`border-top: 2px solid var(--tabs-primary);`
`35`		`- color: black;`
`36`		`- background-color: white;`
	`35`	`+ color: var(--Dash-Text-Primary);`
	`36`	`+ background-color: var(--Dash-Fill-Inverse-Strong);`
`37`	`37`	`}`
`38`	`38`
`39`	`39`	`.tab--selected:hover {`
`40`		`- background-color: white;`
	`40`	`+ background-color: var(--Dash-Fill-Inverse-Strong);`
`41`	`41`	`}`
`42`	`42`
`43`	`43`	`/* Tab disabled state */`