js修改/設置scss變量值(應用於主題設置)

需求：頂部主色調要跟着輪播圖的主色調變化。

 

 

scss文件變量設置

// --label-font-color：為js操作此變量需要用到的KEY
// --#RED：默認css屬性值
$labelFontColor: var(--label-font-color, red);

js修改scss中$labelFontColor變量值

// --label-font-color：為js操作此變量需要用到的KEY
// --#BLUE：修改后的css屬性值
document.getElementsByTagName('body')[0].style.setProperty('--label-font-color', 'BLUE');