Tailwind css variables not working

[AhmedTirhmert]

As shown in the setup below after following the docs for customizing the template

• created the globals.css file for custom variables/colors
• updated components.json path to the globals.css that contains the variables
• extended the tailwind CSS colors to include the added color

But when using the warning color in the index.vue file it doesn't work

PS: I also tried to extend the tailwind config without using variables and yet it still doesn't work

[dianprata]

i am use unocss, so you have to custom your colors in uno.config.ts.
add this code to uno.config.ts, but in unocss for custom colors in dark and light mode, you have to add new preset.
theme: { colors: { 'warning': 'hsl(38 92% 50%)', 'warning-foreground': 'hsl(48 96% 89%)', }, },

ref: unocss/unocss#1390