mat-slide-toggle using incorrect text color in dark-theme

[hfournier]

Reproduction

Steps to reproduce:

1. Add mat-slide-toggle to menu in dark-theme

<mat-menu #userMenu="matMenu">
  <button mat-menu-item (click)="logout()">Logout</button>
  <mat-slide-toggle
     [(ngModel)]="darktheme"
     (change)="changeTheme($event)">Dark Theme
  </mat-slide-toggle>
</mat-menu>

Expected Behavior

What behavior were you expecting to see?
Expect mat-slide-toggle text to be white in dark-theme

Actual Behavior

What behavior did you actually see?
mat-slide-toggle text is black in dark-theme

Environment

• Angular: 9.0.4
• CDK/Material: 9.0.1
• Browser(s): Firefox, Edge (chromium)
• Operating System (e.g. Windows, macOS, Ubuntu): Windows

[SvenBudak]

Looks also totally strange in my app after update:

it is not using dark- theme anymore. dialog etc are working correct with dark mode. but not mat-menu also <a> tags are not working anymore in mat-menu. (last entry is a tag with mat-menu-item attribute)

[amysorto]

When I tested this using the MDC based slide-toggle and menu components which are coming soon in v15, the text color is correct

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}