昨天在给主题配色的时候弄了一下背景色，但是我设置了一个昼夜模式（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');
}
标签：HTML，CSS
最后修改：2024 年 04 月 03 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏