Angular 更改垫滑块的颜色

我目前正在学习angular，我遇到了一个问题，我相信这个问题很容易解决，但我一直无法找到答案

我的项目中有以下代码：

<mat-slider step="10" [value]="80" thumbLabel (change)="updateValue($event)" class="selector"></mat-slider>

---

在上面，唯一有效的方法是将背景颜色更改为绿色，从而更改整个元素的背景颜色。

这就是我需要将其全部变为红色的原因，在themes.scss文件中

.mat-accent .mat-slider-track-fill {
        background-color: red !important;
    }

.mat-slider-thumb-label {
        background-color: red !important;

    }

.mat-slider-thumb {
        background-color: red !important;
    }

.mat-accent .mat-slider-track-fill {
        background-color: red !important;
    }

.mat-slider-thumb-label {
        background-color: red !important;

    }

.mat-slider-thumb {
        background-color: red !important;
    }