Html 如何仅使用css更改配色方案？

嘿，谁能告诉我，有没有任何方法可以改变网站内的配色方案。等等，我会用一些代码解释清楚

@media (prefers-color-scheme: dark) {}

有没有办法，通过使用HTML按钮，我们可以改变颜色方案的光明黑暗

---

我搜索了整个互联网，没有找到正确的答案。虽然我是Css新手。所以，请解决我的问题。

我不完全理解您的意思，但如果您想更改原色，只需使用javascript并在html按钮中添加onclick即可。

如果您使用CSS变量，您可以使用javascript更改它们，如下所示：

var usesdarkstheme=false；
函数changeColorTheme（）{
const body=document.body；
如果（使用标记主题）{
body.style.setProperty（'--main color'，white'）；
usesDarkTheme=false；
}否则{
body.style.setProperty（'--main color'，black'）；
usesDarkTheme=true；
}
}

正文{
--主色：白色；
}
.内容{
背景色：var（--主色）；
宽度：100px；
高度：100px；
}

更改颜色主题

首选颜色方案CSS媒体功能用于检测用户是否请求了浅色或深色主题。您不能切换特定的首选项，但可以忽略此首选项，只需制作一个按钮，在CSS类之间切换。

@media (prefers-color-scheme: light) {}