bug: using CSS Variable in tailwind.config.js not working

ylc6223 commented 1 month ago

What version of daisyUI are you using?

^4.12.13

Which browsers are you seeing the problem on?

Chrome

Reproduction URL

https://stackblitz.com/edit/vitejs-vite-qtfuu9?file=src%2Fcomponents%2FHelloWorld.vue

Describe your issue

I tried to set css variable in tailwind.config.js, but it doesn't work. In this file,CSS style classname bg-primary background-color does not working

When I use a CSS variable, it doesn't work

What should I do to make it work? I want to use my own CSS variables in it

I look forward to hearing from you,Thanks

github-actions[bot] commented 1 month ago

Thank you @ylc6223 for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

saadeghi commented 1 month ago

They are already CSS variables. See this table: https://daisyui.com/docs/colors/

Here's how you can use the CSS variables in runtime: https://unpkg.com/browse/daisyui@4.12.13/dist/themes.css

Color values are OKLCH

Let me know if you have any questions

saadeghi / daisyui