主题色
Mr.Hope ... 2021-2-26 小于 1 分钟
这是一个开箱即用的功能,除了你的主题色之外,还提供 “红、蓝、绿、橙、紫” 五种颜色主题。你也可以定制自己的主题色选择列表。
# 禁用功能
你可以将 themeConfig
的 themeColor
设置为 false
来禁用它。
# 主题色
主题色的第一个颜色是默认的主题色,你需要在 .vuepress/styles/palette.styl
中通过 $accentColor
设置它。
# 自定义颜色
你需要按照 { 颜色名1: 颜色值, 颜色名2: 颜色值, ... }
的格式来配置 themeConfig.themeColor
:
例子
同时为了使 Stylus 编译器正常工作,你还需要将颜色变量赋值给 $colorPicker
写入 .vuepress/styles
下的 palette.styl
中:
例子
// .vuepress/styles/palette.styl
$colorPicker = {
red: #f26d6d,
blue: #2196f3,
green: #3eaf7c,
orange: #fb9b5f
}
1
2
3
4
5
6
7
2
3
4
5
6
7