Angular Material mat-spinner custom color

Question

Does anyone know how can I change mat-spinner color in Angular Material? Overriding css doesn\'t work. I tried changing color in material files but they can only be imported

Answer 1

In your css file mention like below:

::ng-deep.mat-progress-spinner circle,.mat-spinner circle {stroke: #f2aa4cff !important;}

Here, ::ng-deep will be used to force a style.

!important here what says is that "this is Important",you ignore all other rules and apply this rule.