Материал углового материала Spinner основной не работает

Question

Я включил mat-spinner в мой html:

<mat-spinner></mat-spinner>                   ---> spinner in white color, so not seen
<mat-spinner color="primary"></mat-spinner>   ---> spinner in white color, so not seen
<mat-spinner color="warn"></mat-spinner>      ---> red spinner
<mat-spinner color="accent"></mat-spinner>    ---> yellow spinner

В первом и втором случае спиннер отображается белым цветом

У меня есть MatProgressSpinnerModule в моем файле модуля

styles.scss имеет:

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

Тогда почему основной цвет белый?

Answer 1

По умолчанию прогресс-спиннеры используют основной цвет темы. Это может быть изменено на accent или warn.

Вы можете переопределить stroke таблицу стилей в css вашей темы.

См. Этот stackoverflow response .