diff --git a/src/material/slide-toggle/_slide-toggle-theme.scss b/src/material/slide-toggle/_slide-toggle-theme.scss index 165b98aa2219..e2b1066e9fe6 100644 --- a/src/material/slide-toggle/_slide-toggle-theme.scss +++ b/src/material/slide-toggle/_slide-toggle-theme.scss @@ -46,6 +46,10 @@ .mat-slide-toggle { @include _mat-slide-toggle-checked($accent, $thumb-checked-hue); + // Explicitly set the text color since the slide toggle may be + // inside an overlay that doesn't have the proper theme text color. + color: mat-color($foreground, 'text'); + &.mat-primary { @include _mat-slide-toggle-checked($primary, $thumb-checked-hue); }