Skip to content

Commit 1cca459

Browse files
authored
fix(material-experimental/slide-toggle): redefine more variables (#18908)
1 parent 16e2cf0 commit 1cca459

File tree

1 file changed

+12
-0
lines changed

1 file changed

+12
-0
lines changed

src/material-experimental/mdc-slide-toggle/_slide-toggle-theme.scss

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,17 @@
1313
// Save original values of MDC global variables. We need to save these so we can restore the
1414
// variables to their original values and prevent unintended side effects from using this mixin.
1515
$orig-mdc-switch-baseline-theme-color: $mdc-switch-baseline-theme-color;
16+
$orig-mdc-switch-toggled-off-thumb-color: $mdc-switch-toggled-off-thumb-color;
17+
$orig-mdc-switch-toggled-off-track-color: $mdc-switch-toggled-off-track-color;
18+
$orig-mdc-switch-disabled-thumb-color: $mdc-switch-disabled-thumb-color;
19+
$orig-mdc-switch-disabled-track-color: $mdc-switch-disabled-track-color;
1620

1721
@include mat-using-mdc-theme($theme) {
1822
$mdc-switch-baseline-theme-color: primary !global;
23+
$mdc-switch-toggled-off-thumb-color: mdc-theme-prop-value(surface) !global;
24+
$mdc-switch-toggled-off-track-color: mdc-theme-prop-value(on-surface) !global;
25+
$mdc-switch-disabled-thumb-color: mdc-theme-prop-value(surface) !global;
26+
$mdc-switch-disabled-track-color: mdc-theme-prop-value(on-surface) !global;
1927

2028
@include mdc-form-field-core-styles($query: $mat-theme-styles-query);
2129

@@ -63,6 +71,10 @@
6371

6472
// Restore original values of MDC global variables.
6573
$mdc-switch-baseline-theme-color: $orig-mdc-switch-baseline-theme-color !global;
74+
$mdc-switch-toggled-off-thumb-color: $orig-mdc-switch-toggled-off-thumb-color !global;
75+
$mdc-switch-toggled-off-track-color: $orig-mdc-switch-toggled-off-track-color !global;
76+
$mdc-switch-disabled-thumb-color: $orig-mdc-switch-disabled-thumb-color !global;
77+
$mdc-switch-disabled-track-color: $orig-mdc-switch-disabled-track-color !global;
6678
}
6779

6880
@mixin mat-mdc-slide-toggle-typography($config) {

0 commit comments

Comments
 (0)