在 UnoCSS 中，可以直接使用 CSS 变量来定义样式。但是，UnoCSS 本身并不支持直接使用变量名作为类名或选择器。
如果想使用 CSS 变量来定义样式，可以按照以下方式进行操作：
在 CSS 文件中定义一个变量，例如 --text-color: red;。
在 UnoCSS 的样式表中，可以通过 var() 函数来引用该变量，例如 color-[var(--text-color)];
这样，就可以在 UnoCSS 中使用 CSS 变量来定义样式了。
需注意，由于 UnoCSS 的限制，不能直接使用变量名作为类名或选择器。需要使用 var() 函数来引用变量的值，并将其应用到相应的样式规则中。
https://tailwindcss.com/docs/adding-custom-styles#using-arbitrary-values
标签：变量,color,使用,var,css,UnoCSS,unocss,CSS From： https://www.cnblogs.com/echohye/p/18166418