文档目录

设计令牌

页面只引用变量,不写死色值。

令牌表#

颜色、圆角、间距、字号全部收在各自站点的 assets/css/theme.css 里,页面只引用变量,不写死色值。三个站点的令牌保持一致。下面四个是最常打交道的。

文档页最常用的四个设计令牌
令牌值用途
--bg#FFFFFF页面底色,全站最底层
--fg#24211D标题与正文的文字色
--accent#002FA7全站唯一的强调色,用于交互状态和重点标记
--radius8px唯一一档圆角,按钮、代码块、表格边框都用它

使用原则#

想加一个新色值之前先问一句:这个颜色能活到第三次使用吗。不能,就退回上面这几个。