熄灯后的世界：prefers-color-scheme 与暗黑模式的优雅共舞 最近，我沉迷于一个既简单又深刻的 CSS 媒体查询：prefers-color-scheme。 它就像一盏感应灯，默默地感知用户的系统设置，然后优雅地切换网页的明暗模式。这不仅是一种技术实现，更是一种对用户体验的尊重，一种对黑暗中视力的温柔呵护。 想想看，当你深夜伏案工作，周围一片漆黑，屏幕却亮得刺眼，恨不得把电脑屏幕劈成两半的时候，暗黑模式简直就是救星。它就像一位贴心的管家，悄无声息地将网页的背景变成深色，文字变成浅色，仿佛在屏幕上铺开了一层柔软的毯子，缓解着你疲惫的双眼。 prefers-color-scheme 的出现，让实现这种救赎变得异常简单。 它不需要复杂的 JavaScript 代码，不需要依赖任何第三方库，只需要几行 CSS 代码，就能让你的网站瞬间拥有智能切换明暗模式的能力。 告别刺眼的光芒：一场视觉的轻柔革命 回想一下，我们曾经是如何处理暗黑模式的？ 也许你需要用 JavaScript 获取用户的系统设置，然后动态地修改 CSS 类名，或者手动添加 CSS 变量。 这不仅繁琐，而且容易出错 …