一行 CSS 代码即可添加基本的深色/浅色模式

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

当您的操作系统设置为深色模式时，看到明亮的表单元素会很刺眼。只需在样式表开头添加一行 CSS 代码，即可确保使用深色模式的用户看到深色表单元素和背景，而使用浅色模式的用户看到浅色表单元素和背景。

你可以在这个CodePen 示例中看到它：

您还可以使用浏览器开发者工具来模拟不同的模式，以查看区别。

请访问MDN 网站文档，了解更多关于配色方案的信息。