原生html+css設置項目主題色（超簡單）

<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');