当您将操作系统设置为暗模式时，您会看到明亮的表单元素令人毛骨悚然。通过以单行CSS开始您的样式表，您可以确保使用深色模式的人获得深色的表单元素和背景，而使用浅色模式的人获得浅色的。
您可以在此代码笔中看到它
看笔
Christian Heilmann的配色方案（ @codepo8 ）
在CodePen上。
您还可以使用浏览器开发者工具来模拟不同的模式以查看差异。
在MDN网络文档上阅读更多关于配色方案的信息。
原文： https://christianheilmann.com/2022/06/20/one-line-of-css-to-add-basic-dark-light-mode/