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

style(checkbox,chips,tabs): remove hardcoded hues (#4101)

Browse Source 
* Remove hardcoded hues from checkbox/pseduo checkbox

* Remove hardcoded hues from chips

* Remove hardcoded hues from tabs ink/focus
This commit is contained in:
Will Howell
2017-05-02 19:39:32 -04:00
committed by Andrew Seguin
parent 3acf2a2cdd
commit 4021276924
4 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/checkbox/_checkbox-theme.scss
+3 -3
View File
@@ -39,15 +39,15 @@
.mat-checkbox-indeterminate, .mat-checkbox-checked {
&.mat-primary .mat-checkbox-background {
background-color: mat-color($primary, 500);
background-color: mat-color($primary);
}
&.mat-accent .mat-checkbox-background {
background-color: mat-color($accent, 500);
background-color: mat-color($accent);
}
&.mat-warn .mat-checkbox-background {
background-color: mat-color($warn, 500);
background-color: mat-color($warn);
}
}
src/lib/chips/_chips-theme.scss
+6 -6
View File
@@ -32,18 +32,18 @@
color: $selected-foreground;
&.mat-primary {
background-color: mat-color($primary, 500);
color: mat-contrast($primary, 500);
background-color: mat-color($primary);
color: mat-color($primary, default-contrast);
}
&.mat-accent {
background-color: mat-color($accent, 500);
color: mat-contrast($accent, 500);
background-color: mat-color($accent);
color: mat-color($accent, default-contrast);
}
&.mat-warn {
background-color: mat-color($warn, 500);
color: mat-contrast($warn, 500);
background-color: mat-color($warn);
color: mat-color($warn, default-contrast);
}
}
}
src/lib/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss
+1 -1
View File
@@ -2,7 +2,7 @@
@mixin _mat-pseudo-checkbox-inner-content-theme($theme, $pallete-name) {
$pallete: map-get($theme, $pallete-name);
$color: mat-color($pallete, 500);
$color: mat-color($pallete);
.mat-pseudo-checkbox-checked.mat-#{$pallete-name},
.mat-pseudo-checkbox-indeterminate.mat-#{$pallete-name},
src/lib/tabs/_tabs-theme.scss
+2 -2
View File
@@ -23,11 +23,11 @@
}
.mat-tab-label:focus {
background-color: mat-color($primary, 100, 0.3);
background-color: mat-color($primary, lighter, 0.3);
}
.mat-ink-bar {
background-color: mat-color($primary, 500);
background-color: mat-color($primary);
}
.mat-tab-label, .mat-tab-link {