CODEWITHSUNDEEP
angularangular-material
user5155835
user5155835

Reputation: 4742

Angular Material Spinner color primary not working

I have included mat-spinner in my 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

In the first and second case, the spinner is displayed in white color

I have MatProgressSpinnerModule in my module file

styles.scss has:

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

Then why is the primary color white?

Upvotes: 0

Views: 713

Answers (1)

SuperStar518
SuperStar518

Reputation: 2885

By default, progress-spinners use the theme's primary color. This can be changed to accent or warn.

You might override stroke stylesheet in your theme's css.

Refer to this stackoverflow answer.

Upvotes: 1

Related Questions