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
原始数据
按行查看
历史
