Skip to content

Commit 222c982

Browse files
committed
fix: correct contrast colors of various components in unthemed mode
1 parent ca5e991 commit 222c982

File tree

1 file changed

+36
-44
lines changed

1 file changed

+36
-44
lines changed

projects/material-css-vars/src/lib/_mat-lib-overwrites.scss

Lines changed: 36 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -18,17 +18,15 @@
1818
// BUTTON component
1919
// ---------------------------
2020
@mixin _mat-mdc-button-overwrites {
21-
.mat-mdc-button-base {
22-
@include public-util.mat-css-light-dark-theme-global {
23-
&.mat-primary {
24-
@include _mat-mdc-button-color-overwrites("primary");
25-
}
26-
&.mat-accent {
27-
@include _mat-mdc-button-color-overwrites("accent");
28-
}
29-
&.mat-warn {
30-
@include _mat-mdc-button-color-overwrites("warn");
31-
}
21+
:root .mat-mdc-button-base {
22+
&.mat-primary {
23+
@include _mat-mdc-button-color-overwrites("primary");
24+
}
25+
&.mat-accent {
26+
@include _mat-mdc-button-color-overwrites("accent");
27+
}
28+
&.mat-warn {
29+
@include _mat-mdc-button-color-overwrites("warn");
3230
}
3331
}
3432
}
@@ -66,17 +64,15 @@
6664
// SLIDE TOGGLE component
6765
// ---------------------------
6866
@mixin _mat-mdc-slide-toggle-overwrites() {
69-
.mat-mdc-slide-toggle {
70-
@include public-util.mat-css-light-dark-theme-global {
71-
&.mat-primary {
72-
@include _mat-mdc-slide-toggle-color-overwrites("primary");
73-
}
74-
&.mat-accent {
75-
@include _mat-mdc-slide-toggle-color-overwrites("accent");
76-
}
77-
&.mat-warn {
78-
@include _mat-mdc-slide-toggle-color-overwrites("warn");
79-
}
67+
:root .mat-mdc-slide-toggle {
68+
&.mat-primary {
69+
@include _mat-mdc-slide-toggle-color-overwrites("primary");
70+
}
71+
&.mat-accent {
72+
@include _mat-mdc-slide-toggle-color-overwrites("accent");
73+
}
74+
&.mat-warn {
75+
@include _mat-mdc-slide-toggle-color-overwrites("warn");
8076
}
8177
}
8278
}
@@ -124,17 +120,15 @@
124120
// DATE PICKER component
125121
// ---------------------------
126122
@mixin _mat-mdc-date-picker-overwrites {
127-
.mat-datepicker-content {
128-
@include public-util.mat-css-light-dark-theme-global {
129-
&.mat-primary {
130-
@include _mat-date-picker-color-overwrites("primary");
131-
}
132-
&.mat-accent {
133-
@include _mat-date-picker-color-overwrites("accent");
134-
}
135-
&.mat-warn {
136-
@include _mat-date-picker-color-overwrites("warn");
137-
}
123+
:root .mat-datepicker-content {
124+
&.mat-primary {
125+
@include _mat-date-picker-color-overwrites("primary");
126+
}
127+
&.mat-accent {
128+
@include _mat-date-picker-color-overwrites("accent");
129+
}
130+
&.mat-warn {
131+
@include _mat-date-picker-color-overwrites("warn");
138132
}
139133
}
140134
}
@@ -156,17 +150,15 @@
156150
// PROGRESS BAR component
157151
// ---------------------------
158152
@mixin _mat-mdc-progress-bar-overwrites {
159-
.mat-mdc-progress-bar {
160-
@include public-util.mat-css-light-dark-theme-global {
161-
&.mat-primary {
162-
@include _mat-mdc-progress-bar-color-overwrites("primary");
163-
}
164-
&.mat-accent {
165-
@include _mat-mdc-progress-bar-color-overwrites("accent");
166-
}
167-
&.mat-warn {
168-
@include _mat-mdc-progress-bar-color-overwrites("warn");
169-
}
153+
:root .mat-mdc-progress-bar {
154+
&.mat-primary {
155+
@include _mat-mdc-progress-bar-color-overwrites("primary");
156+
}
157+
&.mat-accent {
158+
@include _mat-mdc-progress-bar-color-overwrites("accent");
159+
}
160+
&.mat-warn {
161+
@include _mat-mdc-progress-bar-color-overwrites("warn");
170162
}
171163
}
172164
}

0 commit comments

Comments
 (0)