# 主题
Slug UI 默认主题由 20 个主色与 5 个辅色组成:
# 主色
色号 | 颜色值 | 颜色预览 | 描述 |
---|---|---|---|
1 | #1c1c1c | 主标题色 | |
2 | #555555 | 次级标题色 | |
3 | #aaaaaa | 描述文字色 | |
4 | #4c84ff | 链接文字色 | |
5 | #4c84ff | 强调文字色 | |
6 | #f2f2f2 | 全局背景色 | |
7 | #ffffff | 卡片底色 | |
8 | #e1e1e1 | 分割线颜色 | |
9 | #ffffff | 评论悬浮条背景色 | |
10 | #f2f2f2 | 标签背景色 | |
11 | #fb4855 | 特殊标签色 | |
12 | #ff9f01 | 特殊标签色 | |
13 | #3ec16c | 特殊标签色 | |
14 | #4c84ff | 选项卡选中文字色 | |
15 | #888888 | 一级选项卡文字色 | |
16 | #ffffff | 标题栏背景色 | |
17 | #e0e0e0 | 标题栏分割线颜色 | |
18 | #f2f2f2 | 搜索输入框底色 | |
19 | #bbbbbb | 搜索文字色 | |
20 | #1c1c1c | 标题栏文字色 |
# 辅色
辅色为主色计算所得,无需单独定义:
色号 | 颜色值 | 颜色预览 | 描述 |
---|---|---|---|
2.1 | rgba(85, 85, 85, 0.65) | 标签文字色,2 号色的 65% 透明度 | |
3.1 | rgba(170, 170, 170, 0.5) | 辅助信息色,3 号色的 50% 透明度 | |
8.1 | rgba(225, 225, 225, 0.6) | 分割线颜色,8 号色的 60% 透明度 | |
8.2 | rgba(225, 225, 225, 0.3) | 区块背景色,8 号色的 30% 透明度 | |
15.1 | rgba(136, 136, 136, 0.8) | 二级选项卡文字色,15 号色的 80% 透明度 |