joe主题修改网页偏灰,修改 /usr/themes/Joe/assets/css/joe.post.min.css 里的参数
html{
--theme: #409eff;
--background: #fff;
--main: #303133;
--routine: #000000;/* 正常状态下字体颜色,#000000是纯黑颜色*/
--minor: #909399;
--seat: #c0c4cc;
--classA: #dcdfe6;
--classB: #e4e7ed;
--classC: #ebeef5;
--classD: #f2f6fc;
--radius-wrap: 8px;
--radius-inner: 4px;
--text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
--box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22)
}
html[data-night='night'] body{
--theme: #54b5db;
--background: #232323;
--main: #999;
--routine: #888;/*黑暗模式下字体颜色*/
--minor: #777;
--seat: #666;
--classA: #515253;
--classB: #454545;
--classC: #414243;
--classD: #303030;
--text-shadow: none;
--box-shadow: none
}
html[data-night='night'] body::before{
background:#121212;
z-index:-500
}
html[data-night='night'] .joe_header__above-logo img{
display:none
}
html[data-night='night'] .joe_header__above-logo svg{
display:block
}
html[data-night='night'] .joe_detail__article-video .episodes .box .item:not(.active){
background:var(--classC)
}
html[data-night='night'] .joe_detail__article blockquote{
background:var(--classD);
color:var(--routine);
border-color:var(--classA)
}
html[data-night='night'] .joe_detail__article code:not([class]){
background:#fdf0ec38;
color:#a6aba8
}
html[data-night='night'] .joe_detail__article-anote{
color:#ffffff9c
}
html[data-night='night'] .joe_detail__article-abtn{
color:#ffffff9c
}
html[data-night='night'] .joe_detail__overdue-wrapper{
background:var(--classD)
}
评论 (0)