CSS dark mode

macOS Mojave 引入了深色模式,深色模式使用一种较深的配色方案,这种配色作用于整个系统,包括 Mac 随附的应用。另外,第三方应用也可以适配这一模式。

最新版本 macOS Mojave 10.14.4 自带的 safari 支持了 CSS 草案中的 prefers-color-scheme media query,这样我们可以使网页以深色模式呈现

@media (prefers-color-scheme: dark) {
  body {
    background: #232325;
    color: rgba(229, 225, 216, 0.8);
  }
}

如果不使用 safari, 可以试试 dark reader 这款浏览器插件。

发表评论

加载中...