用媒体查询跟随系统主题

页面的基础背景是纯白色。当浏览器报告系统偏好深色时,再通过 CSS 媒体查询切换背景和文字颜色。

默认跟随系统

主题显示完全由 CSS 控制,页面没有切换按钮,也不读取或写入浏览器存储。不支持这项媒体查询的旧浏览器会使用基础的浅色样式。

保持页面轻便

文章正文和列表在构建时生成,浏览器只需显示静态内容。两种主题共用相同的排版,系统改变主题时,只调整颜色。