<script>
document.body.style.setProperty('--main-color', '#0f0');
</script>
.box{
width: 100px;
height: 100px;
background: var(--main-color);
}
![](https://i-blog.csdnimg.cn/blog_migrate/b74c724ca8a6bdbdb824b5ca592b6eda.png)
修改主题色只需要重新设置
document.body.style.setProperty('--main-color', '#f00');
![](https://i-blog.csdnimg.cn/blog_migrate/45f608ceff0881fd0041fa0770861c79.png)
<script>
document.body.style.setProperty('--main-color', '#0f0');
</script>
.box{
width: 100px;
height: 100px;
background: var(--main-color);
}
修改主题色只需要重新设置
document.body.style.setProperty('--main-color', '#f00');