Angular Material component doesn't apply color variant

[untold flower]

<mat-slide-toggle checked="isDarkMode" (click)="toggleThemeMode()" color="accent">{{currentThemeMode$ | async}}</mat-slide-toggle>

[median topaz]

Use property binding

<mat-slide-toggle [checked]="isDarkMode" (click)="toggleThemeMode()" [color]="accent">{{currentThemeMode$ | async}}</mat-slide-toggle> 

[untold flower]

but doc says that accent is used by default so i don't have to add color="accent"

[median topaz]

I just copied your example code.