《项目主题颜色》自定义修改

第一步：使用 : root 伪类选择器；第二步：将其less中的变量 = : root 中的样式进行渲染语法如下

	//全局主题颜色
	:root {
    	--color-background: #222;
	}
	@standard-color:var(--color-background);  //标准蓝
	@current-color: @standard-color;  //当前用的主题色

第三步：使用
在你想从那个组件中获取并且修改。我使用了改变 :root 选择器，最简单的方法实现
代码如下：
第一个参数：获取 : root 中的：–color-background，
第二个参数：颜色（想要改变的颜色）

 document.documentElement.style.setProperty('--color-background', this.color);

		<input type="color" v-model="color"/>
	
            <div  @click="switchColor"  style="float: right;">
                切换颜色
            </div>

//切换颜色按钮
		switchColor(){
		//自定义上面颜色：this.color
			 document.documentElement.style.setProperty('--color-background', this.color);
		}

回显颜色：
使用（getComputedStyle 和getPropertyValue 方法获取css变量）

 getComputedStyle(document.documentElement).getPropertyValue('--color-font')