how to change dynamically the color of Angular Material?

Question

I change dynamically my theme in My project, And I want to change the color(or background) of the Angular Material component : checkbox, radio button, slide toggle, textarea...

How to change them

example :

 <mat-slide-toggle [(ngModel)]="expression" [color]="colorCss"></mat-slide-toggle>

ColorCss is the variable from the component

Thanks in advance.

https://gist.github.com/tomastrajan/0007da8cd177143efc9659bf5ac99354 this might help — Sajan, Jun 05 '18 at 03:01
Have you seen [this](https://stackoverflow.com/q/46047502/9766215)? — Prachi, Jun 05 '18 at 03:10

score 0 · Answer 1 · answered Jul 08 '19 at 13:46

While using material components, Color attribute is only accepts three colors i.e. primary, warn and accent which are default in your theme.

If you are changing theme it means your primary, warn and accent colors are get changed.

If your material component is having one from these color then it get automatically changed. But if your material component having custom colors than you have to change that with the help of ngStyle or ngClass directives.

how to change dynamically the color of Angular Material?

1 Answers1