bug(tab): change color for disabled tab label

Fixes angular#3481
jefersonestevo · Mar 7, 2017 · 8a668d7 · 8a668d7
1 parent 4e4c6a6
commit 8a668d7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/lib/tabs/_tabs-common.scss b/src/lib/tabs/_tabs-common.scss
@@ -14,7 +14,6 @@ $mat-tab-animation-duration: 500ms !default;
   font-weight: 500;
   cursor: pointer;
   box-sizing: border-box;
-  color: currentColor;
   opacity: 0.6;
   min-width: 160px;
   text-align: center;

diff --git a/src/lib/tabs/_tabs-theme.scss b/src/lib/tabs/_tabs-theme.scss
@@ -26,4 +26,12 @@
   .mat-ink-bar {
     background-color: mat-color($primary, 500);
   }
+
+  .mat-tab-label, .mat-tab-link {
+    color: currentColor;
+
+    &.mat-tab-disabled {
+      color: mat-color($foreground, disabled-text);
+    }
+  }
 }