Feat addtheme (#1864)

* feat: 删除没用的css文件

* feat: 添加修改主题组件

* feat: 设置全局css变量

* feat: 替换修改主题方法

* perf: 修改 bg color

* perf: 修改 left bar css

* perf: 修改 element

* perf: 暂存与喜爱

* feat: 添加颜色转换方法

* perf: 修改一些

* perf: 修改颜色

* feat: 修改默认elemet-ui样式

* feat: 暂存

* feat: 添加切换菜单栏颜色方法

* feat: 调整配置颜色

* feat: 调整主题相关配色
1、修复弹窗出现黑屏问题
2、修复左侧菜单展开、折叠出现白色闪动问题
3、迁移element-ui.scss文件内容到extra.css文件里

* feat: 调整styles下文件结构；升级sass插件修复构建提示语法错误问题

* feat: 拆分主题配置文件；添加设置到基本设置里

* feat: 修复public-fonts目录下文件内容

* fix: 解决冲突

* feat: 修改颜色配置

Co-authored-by: ibuler <ibuler@qq.com>

vue.config.js

@@ -76,6 +76,17 @@ module.exports = {
     },
     after: require('./mock/mock-server.js')
   },
+  css: {
+    loaderOptions: {
+      sass: {
+        prependData: (content, loaderContext) => {
+          const { resourcePath } = loaderContext
+          if (resourcePath.endsWith('var.scss')) return content
+          return `@import "@/styles/var.scss"; ${content}`
+        }
+      }
+    }
+  },
   configureWebpack: {
     // provide the app's title in webpack's name field, so that
     // it can be accessed in index.html to inject the correct title.