夜间模式html,夜间模式.html

demo

.dark {

background-color: #363636;

filter: invert(100) hue-rotate(180deg);

}

.dark img {

filter: invert(100) hue-rotate(180deg);

}

Switch theme

一个第三方的 GMail 的 Web 客户端。

百度链接

var darkSwitch = false

document.getElementById('switch').addEventListener(

'click',

function() {

if (darkSwitch) {

document.querySelector('body').classList.remove('dark')

darkSwitch = false

} else {

document.querySelector('body').classList.add('dark')

darkSwitch = true

}

},

false

)

一键复制

编辑

Web IDE

原始数据

按行查看

历史