如何高效掌握HTML模板暗黑模式色彩切换技巧？

本文共计1210个文字，预计阅读时间需要5分钟。

使用`prefers-color-scheme`媒体查询和`:root` CSS变量，可以实现零JS、无闪烁的暗黑模式。但仅靠它无法响应用户手动切换——必须配合`localStorage`和`data-theme`属性才真正可用。

怎么用 prefers-color-scheme 做基础系统级适配

这是最轻量的起点，浏览器原生支持，无需 JS 就能随系统设置自动生效。