主题
主题系统
从少量 seed 派生完整视觉系统:品牌色、明暗模式、风格预设、密度、圆角、对比度和动效都会同步影响组件。
accent / mode / preset
少量输入决定完整视觉方向。
color / surface / text
语义令牌为组件提供一致含义。
button / input / card
组件令牌提供安全覆盖边界。
Default / Light
Illustration / Dark
风格预设
Default 与 Illustration 是两套视觉语言,不是两套组件源码。切换 preset 只改变 token 与样式边界。
开放主题算法
seed 进入派生 palette,再映射到 semantic/component tokens。输出可以复制为 CSS 变量,也能被工具理解。
主题设计器
编辑 seed 值,查看派生 token,并复制确定性的 CSS 变量。