material-tailwind Global color pallete selection or default color

What about to change default color. since I have started to use the library version its default components colors all are black/gray So I want to change all components default color to blue color pallete. Right now I have to do to declare each component in theme object then pass it via ThemeProvider which is really annoying. Have any easy way to set or change the default pallete gray to blue?

Oct 02 '23 11:10 khsuzan

I'm facing the same problem, need the solution really quick please

Nov 19 '23 09:11 abinesh-rv

I don't think there is a way to do this right now. The right way to do it would be to change the logic from using "bg-gray-###" classes to "bg-primary" or "bg-secondary" classes defined in tailwindcss.config.js by material-tailwind. Then we could overwrite those values to a specific color or palette.

I don't know what you think about this

Nov 30 '23 18:11 irg1008

We can use customization of default color https://www.material-tailwind.com/docs/react/colors#customizing-the-default Check below code for reference carbon

I know it is not proper way to achieve this, but we can use this till fixes done by contributer

Jan 05 '24 11:01 rajoleanil75