没想到久违的 Gatsby 系列还能继续写，最近为博客更新了黑暗模式和手动切换功能，顺便记录下来。当然下面的实现方案不限于 Gatsby 使用，对于其他框架，思路都大同小异。 最初实现的方案是直接使用**媒体查询**和 **CSS 变量**。关键是把区分两个模式的变量抽离出来，分别配置两组变量，核心代码如下： ```css @media screen and (prefers-color...