skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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.
This commit is contained in:
Kristiyan Kostadinov
2018-11-29 16:36:56 +01:00
committed by Jeremy Elbourn
parent 1c74b034c9
commit 4a7cb2b8ca
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/checkbox/_checkbox-theme.scss
+3 -2
View File
@@ -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 {