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)