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

)

一鍵復(fù)制

編輯

Web IDE

原始數(shù)據(jù)

按行查看

歷史

總結(jié)

以上是生活随笔為你收集整理的夜间模式html,夜间模式.html的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。