welcome
0%

hexo-next-Pisces主题的颜色配置

发表于 更新于 分类于

1.左上侧背景颜色

在 D:\博客\themes\next\source\css_schemes\Pisces_layout.styl 里修改background的内容颜色可参考:RCG颜色对照表

2.文章部分的背景颜色

可在 D:\博客\themes\next\source\css_schemes\Pisces_layout.styl 中修改

3.左下侧背景颜色

可在 D:\博客\themes\next\source\css_schemes\Pisces_sidebar.styl 中作相应修改

4. 左侧上标签的底色

可在 D:\博客\themes\next\source\css_schemes\Pisces\menu.styl 中作相应修改：

5. 文章部分的文字颜色

可在 D:\博客\themes\next\source\css_schemes\Pisces_layout.styl 中添加：

1
color：white

如图：

6. 左上侧有标签部分文字

在D:\博客\themes\next\source\css_schemes\Pisces\menu.styl处需要添加：

1
color: white

7. 左下侧部分文字

在D:\博客\themes\next\source\css_custom_custom.styl里添加:

1
2
3
4
//侧边颜色
#sidebar {
           p,span,a {color: red}
}

red表示所变的颜色

8. 底部字体颜色

在 D:\博客\themes\next\source\css_custom_custom.sty 里添加 

1
2
//底部颜色
.footer-inner {color: white}

9. 总体背景颜色

在 D:\博客\themes\next\source\css_custom_custom.styl 里添加 

1
2
3
4
5
6
7
8
//Custom styles.
body {
    background-image:url(https://cdn.jsdelivr.net/gh/upsilverfox/turoot/pic1.jpg);#填入照片链接
    background-repeat: no-repeat;#不重复
    background-attachment:fixed;#不移动
    background-position:50% 50%;#照片位置
	background-size: 100% 100%;#照片大小
    }

10. 左下侧标签栏的背景颜色

在 D:\博客\themes\next\source\css_custom_custom.styl 添加：

1
2
3
4
5
6
7
#sidebar {
            background:url(https://cdn.jsdelivr.net/gh/upsilverfox/turoot/pic20190920232339.png);
            background-size: cover;
            background-position:center;
            background-repeat:no-repeat;
            p,span,a {color: black;}
}

参考文献

  1. https://blog.csdn.net/weixin_40837922/article/details/88047241
  2. http://tool.oschina.net/commons?type=3 （RCG颜色对照表）