Corepress 切换暗黑模式和明亮模式同时修改底部背景颜色

Corepress 原来底部的背景色是暗黑色的,但是阿蛮君把它修改为了白色背景,css 代码如下:

/** 修改底部颜色 */
.footer-plane {
   background: #fff;
   color: #999;
   box-shadow: 0 0.5px 0.5px 1px rgb(0 0 0 / 10%);
    padding: 20px 30px 30px 30px;
}

.footer-plane a {
   color: unset!important;;
}

.footer-aside-box {
   margin-bottom: unset!important;;
}

.footer-info a:hover {
    color:var(--MaincolorHover) !important;
}

但是,这个时候如果开启暗黑模式,底部背景色并不会跟着改变,看着就很难受。

20230327214945.png

其实要修改也比较简单,找到模式切换时运行的两个 js 方法。这里找到了 loaddarkcss 方法和 removedarkcss 方法。

20230327215134.png

只需要分别在两个方法添加样式修改的语句即可。

// removedarkcss 方法
var footer = document.getElementsByClassName("footer-plane")[0];footer.style.background = "#fff";footer.style.color="#83888d";

// loaddarkcss 方法
var footer = document.getElementsByClassName("footer-plane")[0];footer.style.background = "#22292d";footer.style.color="#b3c0ce";

20230327215424.png

修改后效果就是这样啦。

20230327215514.png

3.29更新

之前由于学艺不精,导致分类页面其实还是有点问题。后来发现作者有专门创建 dark.css 文件,于是将下面的代码加入到 darkcss 最后即可。

.footer-plane{background: #22292d !important;color: #b3c0ce !important;}
AD: 【腾讯云服务器大降价】 2核4G 222元/3年 1核2G 38元/年
网站:阿蛮君博客
标题:Corepress 切换暗黑模式和明亮模式同时修改底部背景颜色
链接:https://www.amjun.com/1462.html
本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行核实删除。
转载本站文章需要遵守:商业转载请联系站长,非商业转载请注明出处!!
THE END
分享
二维码
打赏
海报
Corepress 切换暗黑模式和明亮模式同时修改底部背景颜色
Corepress 原来底部的背景色是暗黑色的,但是阿蛮君把它修改为了白色背景,css 代码如下: /** 修改底部颜色 */ .footer-plane { background: #fff; col……
<<上一篇
下一篇>>