设计系统
255 套调色板，每套都已转换为角色。选一套，整个组件包随之改变。
Cotton Violet
浅色
- 背景上的文字
- 18.7:1
- 背景上的强调色
- 4.9:1
实时运行。每个控件都可交互。
角色
底色#FAFFFF
表面#F2F7F7
浮起#E7ECEC
凹陷#EDF2F2
细线#E0E5E5
正文#0C1212
次要#5F6666
微弱#8A9393
强调色#4E5DF6
强调色上的字#FFFFFF
正文色上的字#FAFFFF
数据颜色
#5465FF
#788BFF
#768AD5
#7A90B5
令牌
组件包中每个组件都带有的颜色块，已按 Cotton Violet 填好。
const t = {
bg: '#FAFFFF',
surface: '#F2F7F7',
raised: '#E7ECEC',
sunken: '#EDF2F2',
line: '#E0E5E5',
ink: '#0C1212',
muted: '#5F6666',
faint: '#8A9393',
accent: '#4E5DF6',
onAccent: '#FFFFFF',
onInk: '#FAFFFF',
}