代码量不多，效果很大

现在视觉舒适度越来越重要了，无论是 Mac、Windows、iOS 还是 Android 都添加了暗夜模式，那网站也就支持一下吧，也不麻烦。

只是简单的加了几个 CSS 的 global 变量，通过 prefers-color-scheme: dark 覆盖下就直接 work 了。

过程中重新梳理了一下全局所有的颜色，分了一下类，以后改动也不必随便添加了，拿来定义好的就可以直接用了。

当然，这样颜色也更容易维护了。

Before & After

Before After

Benefits

  • Reduce Eye Strain
  • Improve Battery Life
  • It Looks Amazing!