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(button-toggle, slider, expansion): remove base colors in themes (#5147)

Browse Source 
* Cleanup harsh colors for selected button toggle

- Light theme: black -> black-54
- Dark theme: white -> white-70

* Make the slider min thumb less harsh in light theme

- Light theme: black -> black-87
- Dark theme: white -> white

* Use default text color for expansion panel
This commit is contained in:
Will Howell
2017-07-28 10:45:39 -04:00
committed by Andrew Seguin
parent dfe10c3fd3
commit 0409707adc
4 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/button-toggle/_button-toggle-theme.scss
+1 -1
View File
@@ -25,7 +25,7 @@
.mat-button-toggle-checked {
background-color: mat-color($background, selected-button);
color: mat-color($foreground, base);
color: mat-color($foreground, secondary-text);
}
.mat-button-toggle-disabled {
src/lib/core/theming/_palette.scss
+2
View File
@@ -692,6 +692,7 @@ $mat-light-theme-foreground: (
icon: rgba(black, 0.54),
icons: rgba(black, 0.54),
text: rgba(black, 0.87),
slider-min: rgba(black, 0.87),
slider-off: rgba(black, 0.26),
slider-off-active: rgba(black, 0.38),
);
@@ -709,6 +710,7 @@ $mat-dark-theme-foreground: (
icon: white,
icons: white,
text: white,
slider-min: white,
slider-off: rgba(white, 0.3),
slider-off-active: rgba(white, 0.3),
);
src/lib/expansion/_expansion-theme.scss
+1 -1
View File
@@ -8,7 +8,7 @@
.mat-expansion-panel {
background: mat-color($background, card);
color: mat-color($foreground, base);
color: mat-color($foreground, text);
}
.mat-action-row {
src/lib/slider/_slider-theme.scss
+1 -1
View File
@@ -24,7 +24,7 @@
$mat-slider-off-color: mat-color($foreground, slider-off);
$mat-slider-off-focused-color: mat-color($foreground, slider-off-active);
$mat-slider-disabled-color: mat-color($foreground, slider-off);
$mat-slider-labeled-min-value-thumb-color: mat-color($foreground, base);
$mat-slider-labeled-min-value-thumb-color: mat-color($foreground, slider-min);
$mat-slider-labeled-min-value-thumb-label-color: mat-color($foreground, slider-off);
$mat-slider-focus-ring-color: mat-color($accent, default, 0.2);
$mat-slider-focus-ring-min-value-color: mat-color($foreground, base, 0.12);