主题变量
主题变量
StyleKit 建议先定义主题变量,再映射到具体控件样式。
常见变量
| 变量 | 说明 |
|---|---|
color-primary |
主色,用于按钮和高亮状态 |
color-surface |
页面或面板背景 |
color-border |
边框和分隔线 |
color-text |
主文本 |
color-muted |
次级文本 |
使用建议
- 同一套主题内保持主色、边框、背景的层级关系。
- 表格、树、列表类控件应优先保证可读性。
- 深色主题需要单独检查禁用态和 hover 态对比度。
StyleKit 建议先定义主题变量,再映射到具体控件样式。
| 变量 | 说明 |
|---|---|
color-primary |
主色,用于按钮和高亮状态 |
color-surface |
页面或面板背景 |
color-border |
边框和分隔线 |
color-text |
主文本 |
color-muted |
次级文本 |