让 WordPress 支持自动切换暗黑模式/正常模式

随着暗黑模式的流行,现在主流的浏览器也支持了暗黑模式,在浏览器开启暗黑模式的情况下,如果你的网站已经支持暗黑模式,会自动切换到暗黑效果。

想让网站支持自动切换暗黑模式/正常模式,可以通过在 CSS 样式文件中添加下面的代码:

@media (prefers-color-scheme: dark) { body { background-color: #444; color: #e4e4e4; } a { color: #e39777; } img { filter: grayscale(30%); }}

大家可以根据自己网站的风格修改暗黑模式下的CSS样式,支持Firefox, Safari, Chrome浏览器。

# 更多WordPress技巧,请关注「WordPress专题