Global color pallete selection or default color

creativetimofficial / material-tailwind

@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.

https://material-tailwind.com/

MIT License

3.67k stars 313 forks source link

Global color pallete selection or default color #461

Open khsuzan opened 10 months ago

khsuzan commented 10 months ago

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?

abinesh-rv commented 9 months ago

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

irg1008 commented 8 months ago

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

rajoleanil75 commented 7 months ago

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