笔记 / 阅读摘记 设计令牌为什么要走 CSS 变量 把颜色写成 rgb 通道变量,一套类名就能支撑多主题。 2026年9月17日 3 分钟阅读 768 次浏览 设计 CSS 如果颜色直接写死成十六进制,换主题就必须改组件。 正确做法是三层结构: 主题预设定义 x 与 x-rgb 两组变量Tailwind 配置里用 rgb(var(--x-rgb) / alpha)组件只写语义类名(bg、ink、line) 这样新增一套配色只需要追加一个预设,组件零改动。 雄 雄哥 独立开发者 · 长期写作者 关于