80 lines
1.7 KiB
SCSS
80 lines
1.7 KiB
SCSS
/*
|
|
* 夜间模式配色
|
|
*/
|
|
$mainBg_night: #1f2e3c; // 主背景色
|
|
$articleBg_night: #15202b; // 文章背景色
|
|
$borderColor_night: #38444d; // 边框颜色
|
|
$textColor_night: #d5d5d5; // 文字颜色
|
|
|
|
body.night {
|
|
background: $mainBg_night;
|
|
// 展开菜单之后的背景
|
|
#container.show {
|
|
background: none;
|
|
}
|
|
// 主背景
|
|
.mid-col {
|
|
background: $mainBg_night;
|
|
}
|
|
// 文章区域
|
|
.article{
|
|
background: $articleBg_night;
|
|
border-color: $borderColor_night;
|
|
color: $textColor_night;
|
|
.article-title { // 主标题
|
|
color: $colorF;
|
|
}
|
|
.article-entry blockquote{ // 引用
|
|
background: #2c2c2c;
|
|
}
|
|
h1,h2,h3,h4,h5,h6 { // 章节标题
|
|
color: $colorC;
|
|
border-bottom-color: $borderColor_night;
|
|
}
|
|
}
|
|
// 归档列表
|
|
.archives-wrap {
|
|
background: $articleBg_night;
|
|
border-bottom-color: $borderColor_night;
|
|
.archive-article {
|
|
border-color: $borderColor_night;
|
|
}
|
|
a.archive-article-title {
|
|
color: $textColor_night;
|
|
}
|
|
}
|
|
// 左侧栏
|
|
.left-col {
|
|
background: $articleBg_night;
|
|
}
|
|
#mobile-nav {
|
|
background: none;
|
|
}
|
|
.overlay {
|
|
background: none;
|
|
}
|
|
// 头像 看板娘 图标 -> 降低亮度滤镜
|
|
.profilepic, .waifu, #header .header-nav .social a {
|
|
filter: brightness(30%);
|
|
}
|
|
// 评论
|
|
#comments {
|
|
background: none;
|
|
}
|
|
// 文章信息栏
|
|
.article-info-index.article-info {
|
|
border-top-color: $borderColor_night;
|
|
}
|
|
#footer {
|
|
color: $textColor_night;
|
|
}
|
|
// 高亮关键字
|
|
.article-entry p code, .article-entry li code {
|
|
background: $mainBg_night;
|
|
color: #bf7676;
|
|
}
|
|
// 分类列表
|
|
.category-list li.category-list-item {
|
|
border-color: $borderColor_night;
|
|
}
|
|
} |