typecho joe主题修改网页字体颜色

typecho joe主题修改网页字体颜色

szz
szz
2023-04-16 / 0 评论 / 42 阅读 / 正在检测是否收录...

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

评论 (0)

取消
您是第 218484 位访客