Change default gray palette dark mode color in Angular Material

Question

is there any way to change the default gray palette in angular material?

I want to change the entire dark mode gray color in the material to a custom color, for example, Slate color in Tailwindcss

I'm trying to figure it out in the material codebase but can't find it yet.

Thanks.

Answer 1

To customize your own theme, you will need to follow these steps from Angular Material official site .

If you run into any problem, please let me know.

Answer 2

Looks like we needed to override the background and foreground variables. I managed to achieve it using this example

Currently, there is no simple built-in way to change the background and foreground color.