Theme customization with custom root doesn't work with DaisyUI v5

[Dm1Korneev]

Demo: https://play.tailwindcss.com/lzRo98rs2W?file=css

I am trying to reassign primary color while using custom root id
Looks like it doesn't work properly as custom value assigned to ":root" and not to my custom root element so later it was overridden with default color. See demo.

How I can handle it?

[saadeghi]

Yes,
@plugin "daisyui/theme" is independent plugin from @plugin "daisyui" and the reason is to have the ability to define custom themes in the order we want. So @plugin "daisyui/theme" is not reading the root config from @plugin "daisyui".

To make it work as expected, you can do something like:

#test {
  --color-primary: blue;
}

https://play.tailwindcss.com/73r0OovNAU?file=css
It's all CSS after all.
All @plugin "daisyui/theme" does is, adding CSS variables in a selector.

Let me know if you have a question.