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.

CodePudding user response：

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.

CodePudding user response：

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.