有一种方法可以让 HTML 元素处于暗模式
如果用户在他的系统中激活了“黑暗模式”
如果用户喜欢使用标准颜色，则为“浅色模式”
当用户打开网站时，所有这些都会自动进行。 没有任何按钮。
我希望如果用户从设置中更改主题颜色首选项，它将自动直接切换到正确的颜色，而无需刷新页面。
文本的黑白颜色，我希望不使用任何 CSS
所以不使用CSS。在这个项目中我只使用 HTML。
<!-- here is example of tags to color automatically for the answer -->
<h1>
<span>hello world<span>
<input>
如果有办法最多用一行或两行来做到这一点。
也许添加一个不需要配置的库，但我没有找到它
添加此 CSS 属性color-scheme: light dark; to the <html>CSS选择器（只有一行css）
或者如果你需要仅 HTML你可以用这个<meta> tag
<meta
name = "color-scheme"
content = "light dark"
/>
https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
watch thisYouTube 视频了解更多详情：https://youtu.be/n3lcjY4Mm00
它可以完成您之前列出的所有操作！
<html>
<head>
<meta name="color-scheme" content="light dark">
</head>
<body>
<h1>hello world</h1>
<span>hello world</span>
<input type="text" placeholder="hello world">
</body>
</html>