feat: set selected tab color to 'headline'

boltdesignsystem · Sep 13, 2019 · 441ad56 · 441ad56
1 parent 331f4e1
commit 441ad56
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/components/bolt-tabs/src/tabs.scss b/packages/components/bolt-tabs/src/tabs.scss
@@ -35,6 +35,7 @@ bolt-tabs {
 
   &[aria-selected='true'] {
     opacity: bolt-opacity(100);
+    color: bolt-theme(headline);
 
     .c-bolt-tabs__label-text:after {
       opacity: bolt-opacity(100);
@@ -110,7 +111,7 @@ bolt-tabs {
     width: 100%;
     height: 100%;
     border-radius: $bolt-tabs-bg-border-radius;
-    background-color: currentColor;
+    background-color: bolt-theme(headline-link);
     transition: all 0.1s ease;
   }
 }
@@ -246,6 +247,7 @@ bolt-tabs:not([ready]) {
 
 .c-bolt-tabs__input:checked + .c-bolt-tabs__label {
   opacity: bolt-opacity(100);
+  color: bolt-theme(headline);
 
   .c-bolt-tabs__label-text:after {
     opacity: bolt-opacity(100);