折腾日记 ● 网站背景颜色

作者: 许大阳

时间: 2024-01-29

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

演示（本站）

{cat_gallery}
黑夜模式
白天模式
{/cat_gallery}

使用（以sunny主题为例）

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

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

{/cat_hide}

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

var currentHour = new Date().getHours();
if (currentHour >= 6 && currentHour < 18) {
    document.body.classList.add('day');
} else {
    document.body.classList.add('night');
}

{/cat_hide}

折腾日记 ● 网站背景颜色

演示（本站）

使用（以sunny主题为例）

已有 12 条评论

添加新评论