Skip to content

修改主题颜色

Richard Jiang edited this page Sep 6, 2018 · 3 revisions

主题自带了 5 种可选的颜色:

修改主题配置文件中 color 字段可改变主题色:

# ===========================================
# Theme Settings
# ===========================================
# theme styling
# color: default | mint green | cobalt blue | hot pink | dark violet
color: default

自定义主题颜色

除了能够修改为主题自带的 5 种颜色之外,还可以使用自定义的其他颜色。

source/css/_custom/_custom.scss 中添加样式变量 $theme-color 修改主题色。

$theme-color: #xxxxxx;

同时需要修改 $deputy-color 主题副颜色,该值主要使用在代码块背景以及文章目录。

$deputy-color: #xxxxxx;

_variables.scss 中的样式变量都可以在 _custom.scss 中进行覆盖,从而自定义主题样式