用 CSS 实现了一个还不错的深色模式切换

其实现在大多数现代浏览器都支持 prefers-color-scheme 媒体查询，我们可以利用它做自动切换：

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #121212;
    --text: #e0e0e0;
    /* ... */
  }
}

但为了让用户可以手动选择（并且记住选择），我们还是用了 data-theme 属性 + localStorage 的组合拳。

最爽的一点

整个页面除了图片以外，几乎所有颜色都通过 CSS 变量控制，所以切换主题几乎是瞬间完成的，没有闪烁。

（后面省略300字……）