让 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专题

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注