夜间模式,显示当前Cookie,Po主变色等
po主变色非常好用,但是夜间模式下仍然会用同一种变色覆写底色,结果就很扎眼,目前我也没有什么好的想法,只能把变色代码向灰度靠,成效大致就是这样。
我想到一个办法,用js判断当前主题处于dark/light模式,然后根据相应模式单独设置po主的背景色。 因为我用的auto dark mode + dark reader,所以我用不上这个脚本的dark mode,所以我直接将112-117行替换为:
// Check to see if Media-Queries are supported
if (window.matchMedia) {
// Check if the dark-mode Media-Query matches
if(window.matchMedia('(prefers-color-scheme: dark)').matches){
// Dark
color = "rgb(89,64,0)"
} else {
// Light
color = "rgb(255,237,191)"
}
}
效果如下
$("#h-menu").css("background",config.hpft_bg)
$("#h-menu a").css("color", 'grey')
$("#h-bottom-nav").css("background",config.hpft_bg)
$('#h-bottom-nav a').css('color', "grey")
希望添加如上样式,将侧栏和底部也黑暗模式(`ε´ )