主题配置

将src/themes/default文件夹copy一份，重命名为新的主题名称

sofast-web
├── src
│   └── themes
│   │   ├── default
│   │   │   ├── index.js
│   │   │   ├── variables.scss
│   │   ├── 新建目录
│   │   │   ├── index.js
│   │   │   ├── variables.scss

修改src/settings.js中的theme属性为系统默认显示的主题文件夹名称

然后修改variables.scss中的样式变量
注：variables.scss中包含element-ui中的绝大部分样式变量，如果其中没有需要修改的项目，则表示该项目暂时不支持自定义

可通过Element-ui官网的在线主题编辑器中进行编辑主题
https://element.eleme.cn/#/zh-CN/theme/preview

对主题编辑后下载对应主题Style文件，目录结构如下

config.json
theme
├── fonts
│   ├── element-icons.ttf
│   └── element-icons.woff
└── index.css

此时只需关注config.json，打开config.json，并进行格式化

{
    "global": {
        "$--color-primary": "#647FB6"
    },
    "local": {
        "$--alert-border-radius": "$--border-radius-small"
    }
}

将变量对应的值copy到主题文件夹下的variables.scss中替换样式变量

完成