界面常用色彩与语义色

不只是一组色值

主色用于品牌与主要动作；成功、警告、危险用于表达状态；中性色负责正文、背景和边框层级。

推荐做法

以语义变量代替在组件里散落十六进制值，例如 color-surface、color-text-muted 和 color-danger。暗色模式只替换变量，不修改每个组件。

对比度

颜色选择最后一定要回到可读性。正文与背景至少保证稳定对比度，状态不能只靠颜色表达。