fix(tab-bar): better icon color in dark mode

Kiarokh · Kiarokh · commit 728138fdb68d · 2025-12-11T16:25:30.000+01:00
When icon color is not specified by the tab, it defaults to
our dark-mode friendly variables.
diff --git a/src/components/tab-bar/tab-bar.scss b/src/components/tab-bar/tab-bar.scss
@@ -97,6 +97,9 @@ $tab-separator-background-color: rgb(var(--contrast-600));
     }
 
     .mdc-tab__icon {
+        color: rgb(
+            var(--contrast-800)
+        ); // inactive tab's icon color, unless defined by tab item itself
         margin-left: -0.25rem;
     }
 
@@ -138,6 +141,12 @@ $tab-separator-background-color: rgb(var(--contrast-600));
             transition: background-color 1s ease;
         }
     }
+
+    .mdc-tab__icon {
+        color: var(
+            --mdc-theme-primary
+        ); // active tab's icon color, unless defined by tab item itself
+    }
 }
 
 .mdc-tab__content {

Original file line number	Diff line number	Diff line change
`@@ -97,6 +97,9 @@ $tab-separator-background-color: rgb(var(--contrast-600));`
`97`	`97`	`}`
`98`	`98`
`99`	`99`	`.mdc-tab__icon {`
	`100`	`+ color: rgb(`
	`101`	`+ var(--contrast-800)`
	`102`	`+ ); // inactive tab's icon color, unless defined by tab item itself`
`100`	`103`	`margin-left: -0.25rem;`
`101`	`104`	`}`
`102`	`105`
`@@ -138,6 +141,12 @@ $tab-separator-background-color: rgb(var(--contrast-600));`
`138`	`141`	`transition: background-color 1s ease;`
`139`	`142`	`}`
`140`	`143`	`}`
	`144`	`+`
	`145`	`+ .mdc-tab__icon {`
	`146`	`+ color: var(`
	`147`	`+ --mdc-theme-primary`
	`148`	`+ ); // active tab's icon color, unless defined by tab item itself`
	`149`	`+ }`
`141`	`150`	`}`
`142`	`151`
`143`	`152`	`.mdc-tab__content {`