Angular - изменение цвета коврика-слайда-переключения ⇐ CSS

[Anonymous]

Кажется, я не могу найти, как изменить цвет переключателя.
HTML:

Код: Выделить всё

CSS:

Код: Выделить всё

::ng-deep .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: rgb(50, 170, 118);
/*replace with your color*/
}

::ng-deep .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgb(113, 226, 147);
/*replace with your color*/
}

Я искал разные источники, но мой переключатель просто розовый. Я применил стили CSS, такие как ChatGPT и другие пользователи stackoverflow, предложенные в различных сообщениях. Цвет никогда не меняется.
Я хочу, чтобы он был зеленым, когда он активен, и красным, когда неактивен.
Сейчас он все еще такой:< /p>



Подробнее здесь: https://stackoverflow.com/questions/751 ... ange-color