Design Tokens
设计系统的基础变量定义,包括颜色、圆角、间距等。
颜色 Tokens
--background
页面背景
--foreground
默认文字
--primary
主要操作
--primary-foreground
主要操作文字
--secondary
次要操作
--muted
弱化背景
--muted-foreground
弱化文字
--accent
强调色
--destructive
危险操作
--border
边框
--input
输入框边框
--ring
焦点环
圆角 Tokens
--radius-sm
calc(0.625rem - 4px)
--radius-md
calc(0.625rem - 2px)
--radius-lg
0.625rem
--radius-xl
calc(0.625rem + 4px)