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(button-toggle): fix color for selected button toggle and selected disabled button toggle (#3418)

Browse Source 
Fixes #3382
This commit is contained in:
tinayuangao
2017-03-03 17:50:09 -08:00
committed by Kara
parent 738e9bf885
commit be167c95df
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/button-toggle/_button-toggle-theme.scss
+3 -3
View File
@@ -23,16 +23,16 @@
}
.mat-button-toggle-checked {
background-color: mat-color($mat-grey, 300);
background-color: mat-color($background, selected-button);
color: mat-color($foreground, base);
}
.mat-button-toggle-disabled {
background-color: map_get($mat-grey, 200);
background-color: mat-color($background, disabled-button-toggle);
color: mat-color($foreground, disabled-button);
&.mat-button-toggle-checked {
background-color: mat-color($mat-grey, 400);
background-color: mat-color($background, selected-disabled-button);
}
}
}
src/lib/core/theming/_palette.scss
+6
View File
@@ -656,6 +656,9 @@ $mat-light-theme-background: (
disabled-button: $black-12-opacity,
raised-button: white,
focused-button: $black-6-opacity,
selected-button: map_get($mat-grey, 300),
selected-disabled-button: map_get($mat-grey, 400),
disabled-button-toggle: map_get($mat-grey, 200),
);
// Background palette for dark themes.
@@ -669,6 +672,9 @@ $mat-dark-theme-background: (
disabled-button: $white-12-opacity,
raised-button: map-get($mat-grey, 800),
focused-button: $white-6-opacity,
selected-button: map_get($mat-grey, 900),
selected-disabled-button: map_get($mat-grey, 800),
disabled-button-toggle: map_get($mat-grey, 1000),
);
// Foreground palette for light themes.