133 lines
2.7 KiB
SCSS
133 lines
2.7 KiB
SCSS
/*
|
|
* 夜间模式配色
|
|
*/
|
|
$mainBg_night: #1f2e3c; // 主背景色
|
|
$articleBg_night: #15202b; // 文章背景色
|
|
$borderColor_night: #38444d; // 边框颜色
|
|
$textColor_night: #d5d5d5; // 文字颜色
|
|
|
|
@keyframes leftIn_night {
|
|
from {
|
|
transform: translate(0, 0);
|
|
background:$mainBg_night;
|
|
}
|
|
to {
|
|
transform: translate(333px, 0);
|
|
background: none;
|
|
}
|
|
}
|
|
|
|
@keyframes leftOut_night {
|
|
from {
|
|
transform: translate(333px, 0);
|
|
background: none;
|
|
}
|
|
to {
|
|
transform: translate(0, 0);
|
|
background:$mainBg_night;
|
|
}
|
|
}
|
|
|
|
%anmLeftIn_night {
|
|
@extend %anmCommon;
|
|
animation-name: leftIn_night;
|
|
}
|
|
|
|
%anmLeftOut_night {
|
|
@extend %anmCommon;
|
|
animation-name: leftOut_night;
|
|
}
|
|
|
|
body.night {
|
|
background: $mainBg_night;
|
|
// 展开菜单之后的背景
|
|
#container {
|
|
background: none;
|
|
}
|
|
// 主背景
|
|
.mid-col {
|
|
background: $mainBg_night;
|
|
&.show {
|
|
@extend %anmLeftIn_night;
|
|
}
|
|
&.hide {
|
|
@extend %anmLeftOut_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;
|
|
}
|
|
// 标签颜色组
|
|
.tagcloud {
|
|
@for $index from 1 to length($tagcolorList)+1 {
|
|
a.color#{$index}{
|
|
background: darken(nth($tagcolorList,$index), 25%);
|
|
&::before{
|
|
border-right-color: darken(nth($tagcolorList,$index), 25%);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// 滚动条
|
|
::-webkit-scrollbar {
|
|
background-color: $articleBg_night;
|
|
}
|
|
} |