Skip to Content
JoyUI
JoyUI/

颜色

JoyUI 语义色 token:文字、表面、边框、状态与图表色。

只使用语义 token,不要用 raw palette(如 bg-blue-500)或 hex。

bg-primary
bg-secondary
bg-tertiary
separator
text-primary
accent

常用类名

用途类名
主文字text-text-primary
次文字text-text-secondary
三级文字text-text-tertiary
主表面bg-background-primary-default
次表面bg-background-secondary-default
边框border-border-default
分隔border-separator-border
图标text-foreground-icon-primary

深色模式:给 <html> 加 .dark,token 自动翻转。

On this page