css全局变量的设置

在css中设置一个主题颜色

:root{
    /* 主题颜色 */
    --ThemeColor: #CEB88D;
}

使用：

color:var(--ThemeColor)

在JS中获取css中设置的全局主题颜色

//主题颜色 
   var themeColor = getComputedStyle(document.documentElement).getPropertyValue('--ThemeColor');

改变主题颜色

document.documentElement.style.setProperty('--ThemeColor','red')