Mat-Slider меняет цвет текста, несмотря на цветовой код

Question

У меня в проекте есть компонент с текстом и условным мат-слайдером.

Когда mat-slider скрыт, мой текст выглядит так:

А когда он виден, мой текст выглядит так:

Мой код:

      <mat-slider *ngIf="isVisible" [min]="minValue" [max]="maxValue" [step]="stepValue" [thumbLabel]="true" [tickInterval]="1"></mat-slider>
<div style="color: #0089D6; font-size: 13px; font-weight: 500;">This is a sample text.</div>

Цветовой код не меняется, и я искал какие-либо переопределения css, но ничего не нашел. Однако цвет меняется, как показано выше. Почему это происходит?

Answer 1

Просто используя предоставленный вами код, у меня не было такой же проблемы. Это должно быть что-то еще вне вашего кода, которое вызывает это.

https://stackblitz.com/edit/angular-sh21iw?file=src/app/slider-overview-example.html