令牌表#
颜色、圆角、间距、字号全部收在各自站点的 assets/css/theme.css 里,页面只引用变量,不写死色值。三个站点的令牌保持一致。下面四个是最常打交道的。
文档页最常用的四个设计令牌
| 令牌 | 值 | 用途 |
--bg | #FFFFFF | 页面底色,全站最底层 |
--fg | #24211D | 标题与正文的文字色 |
--accent | #002FA7 | 全站唯一的强调色,用于交互状态和重点标记 |
--radius | 8px | 唯一一档圆角,按钮、代码块、表格边框都用它 |
使用原则#
想加一个新色值之前先问一句:这个颜色能活到第三次使用吗。不能,就退回上面这几个。