Colors (色彩)
KunUI 的完整色板:7 个语义色与各自 11 级色阶、由对比度生成的前景(on-color),以及页面/卡片的表面层级。全部基于 OKLCH 感知均匀生成,实心配色在明暗两模式均达 WCAG AA。
语义色 · 实心
每个语义色的实心填充(bg-{color})与配对前景 text-{color}-foreground —— 前景由对比度生成,实心配色在明暗两模式均 ≥ WCAG AA。
Aaprimary·
Aasecondary·
Aasuccess·
Aawarning·
Aadanger·
Aainfo·
Aadefault·
色阶
每个色相的 11 级色阶(bg-{color}-{50…950})。基于 OKLCH 感知均匀生成, 同一档在不同色相上明暗一致;暗色模式下整条色阶翻转。
primary
50
100
200
300
400
500
600
700
800
900
950
secondary
50
100
200
300
400
500
600
700
800
900
950
success
50
100
200
300
400
500
600
700
800
900
950
warning
50
100
200
300
400
500
600
700
800
900
950
danger
50
100
200
300
400
500
600
700
800
900
950
info
50
100
200
300
400
500
600
700
800
900
950
default
50
100
200
300
400
500
600
700
800
900
950
表面 · 层级
中性表面构成层级:页面背景 < 卡片(content1)< 更深的 well。 卡片与输入框靠填充 + 阴影抬升,而非描边。
background页面背景·
content1卡片 / 浮层·
content2次级面·
content3三级面·
content4四级面·