0%

【Hexo】Next主题标题颜色设置

主题采用的是Next的Mist。 不太喜欢全部都是黑灰白色的主基调,希望将标题来点明亮的颜色。以下来介绍具体的配置方法。

更改标题配色

找到\themes\next\source\css\_common\outline\header\site-meta.styl文件。编辑修改.brand{}color参数配置

1
2
3
4
5
6
7
8
9
10
11
12
13
.brand {
border-bottom: none;
// color: var(--brand-color);
color: #fc6423 !important;
display: inline-block;
line-height: $font-size-title;
padding: 0 40px;
position: relative;

&:hover {
color: var(--brand-hover-color);
}
}

更改标题上下横线配色

找到\themes\next\source\css\_schemes\Mist\_header.styl。编辑修改i{}里的background参数配置

1
2
3
4
5
6
7
 i {
//background: var(--brand-color);
background: #fc6423 !important;
display: block;
height: 2px;
position: relative;
}