✨ feat(theme): 修改主题色

.electron-vue/utils.js

@@ -77,7 +77,11 @@ exports.cssLoaders = function (options) {
     postcss: generateLoaders(),
     less: generateLoaders('less'),
     sass: generateLoaders('sass', { indentedSyntax: true }),
-    scss: generateLoaders('sass'),
+    scss: generateLoaders('sass', {
+      sassOptions: {
+        quietDeps: true,
+      },
+    }),
     stylus: generateLoaders('stylus'),
     styl: generateLoaders('stylus'),
   }

src/renderer/main.js

@@ -14,7 +14,7 @@ import Print from 'vue-print-nb'
 // 引用element
 import ElementUI from 'element-ui'
 import { getName, resetForm, addDateRange, parseTime } from '@/utils/fuint'
-import 'element-ui/lib/theme-chalk/index.css'
+// import 'element-ui/lib/theme-chalk/index.css'
 // 日志
 import './error'
 import './icons'

src/renderer/styles/element-variables.scss

@@ -1,4 +1,7 @@
 /* 改变主题色变量 */
-$--color-primary: teal;
+$--color-primary: #fcb47b;
 
-// @import '~element-ui/packages/theme-chalk/src/index';
+/* 改变 icon 字体路径变量，必需 */
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+
+@import '~element-ui/packages/theme-chalk/src/index';