element-ui-css-var

背景

element-ui-css-var，提供以下能力

• 把 element-ui 的 sass 变量提取为 var 变量
• 处理相关的衍生色，以及 sass 内部算法
• 把相关组件中使用 sass 变量替换成使用 var 变量
• 支持暗黑模式

使用方法

// main.js
import 'element-ui-css-var';
import 'element-ui-css-var/dist/css/index.css';

变更主题

element-ui-css-var 默认不修改相关的主题色，可通过修改主题色变量达到变更主题色的目的，需要在先保证按照使用方法引入相关文件后再修改变量

:root {
  // 主题色
  --color-primary: #147aff;
}

或者，使用提供的工具修改主题色

import { elementUICssVarUtil } from 'element-ui-css-var';

elementUICssVarUtil.setTheme('#147aff');