fix(checkbox): poor color contrast for disabled checkbox (#14044)

Fixes some poor color contrast on the text of a disabled checkbox. The issue comes from the fact that it was using a custom color rather than the one from theme.
angular · Dec 3, 2018 · 9c86b5f · 9c86b5f
1 parent f212345
commit 9c86b5f
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/lib/checkbox/_checkbox-theme.scss b/src/lib/checkbox/_checkbox-theme.scss
@@ -9,6 +9,7 @@
   $accent: map-get($theme, accent);
   $warn: map-get($theme, warn);
   $background: map-get($theme, background);
+  $foreground: map-get($theme, foreground);
 
 
   // The color of the checkbox's checkmark / mixedmark.
@@ -22,7 +23,7 @@
   $disabled-color: if($is-dark-theme, $white-30pct-opacity-on-dark, $black-26pct-opacity-on-light);
 
   .mat-checkbox-frame {
-    border-color: mat-color(map-get($theme, foreground), secondary-text);
+    border-color: mat-color($foreground, secondary-text);
   }
 
   .mat-checkbox-checkmark {
@@ -73,7 +74,7 @@
     }
 
     .mat-checkbox-label {
-      color: $disabled-color;
+      color: mat-color($foreground, secondary-text);
     }
 
     @include cdk-high-contrast {