暗色模式!

Hello darkness my old friend.

给主题加入了暗色模式支持!

一些细节

主要是使用到了 prefers-color-scheme 这一个 CSS媒体查询功能. 顺便借此机会把站内所有的颜色都放到了两个 sass map 里面.

现在知道 css-in-js 的好了...

如何使用?

在新版的 Windows 和 macOS 当中, 只要在设置里面选择使用暗色主题, Chrome 就会默认使用暗色模式了.

Linux 下则相对有点麻烦, 似乎还没有一个统一的接口. 目前我使用的解决方案是在 ~/.config/chromium-flags.conf 内加入一行

1
--force-dark-mode

Chromium 就会默认使用暗色模式了.

发表于 2019-09-27
JS
Arrow Up