Angular Переопределение материалов "mat-slide-toggle"

Question

Я новичок в использовании ангулярных материалов. Я хотел бы перегружен ...... Я хочу изменить цвет Google, когда он выключен, но я не знаю, как это сделать. Спасибо за вашу помощь. Это мой код Html:

<form>
    <mat-slide-toggle class="livre-toggle" color="primary" [checked]="isChecked"
        (change)="toggleChanged($event, label)" translate>
        {{label | translate}}
    </mat-slide-toggle>
</form>

В моем S CSS мне нужно изменить цвет переключателя Спасибо.

Answer 1

Вы можете сделать следующее как быстрое решение:

::ng-deep {
    mat-slide-toggle {
        .mat-slide-toggle-bar {
            background-color: rgba(0, 0, 0, 0.6); // your bar color here
            .mat-slide-toggle-thumb {
                background-color: #000; // your slide thumb color here
            }
        }
    }
}