saadeghi/daisyui

bug: prefix doesnt work on color utilities

Hasban-Fardani opened this issue · 2 comments

Hasban-Fardani commented

What version of daisyUI are you using?

4.7.3

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://play.tailwindcss.com/xcBGRwHHhx

Describe your issue

The color utilities not using prefix if i setting prefix on tailwind.config.js

github-actions commented

Thank you @Hasban-Fardani 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

It's intentional and it's because of the way Tailwind CSS color utility classes work.
For component class names, daisyUI as a plugin can register a new class name to Tailwind CSS and before that we are able to add a prefix to that class name (like btn)
For color names, we can't register a class name like bg-primary to Tailwind CSS. Instead we can only register a color name primary to Tailwind and Tailwind generates all the utility calsses for it so we can't add a prefix to the. Those class names are considered as Tailwind CSS class names while something like btn is considered a daisyUI class name.

FYI: You can add a prefix to all Tailwind CSS class names as well.

Let me know if you have a question.

  • 👍1