# 主题

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% 透明度