昨天在给主题配色的时候弄了一下背景色,但是我设置了一个昼夜模式(6-18点为白天),于是我就给黑夜页面也换了背景色,白天背景色再自动换回来。
嗯,,这是个死方法就是判断时间来使用相应时间的颜色。

演示(本站)

黑夜模式
黑夜模式
白天模式
白天模式

使用(以sunny主题为例)

喵喵将sunny对自动昼夜设置的为6-18点为白天,我们这里也是同样,你可以根据实际调整时间段。
1.在主题后台设置添加自定义css

    /* 白天颜色 */
body.day {
    background-color: #ffffff;
}
/* 夜晚颜色 */
body.night {
    background-color: #000000;
}

2.在主题后台设置添加自定义js

var currentHour = new Date().getHours();
if (currentHour >= 6 && currentHour < 18) {
    document.body.classList.add('day');
} else {
    document.body.classList.add('night');
}
标签:HTMLCSS
最后修改:2024 年 04 月 03 日
如果觉得我的文章对你有用,请随意赞赏