style: 修改颜色

src/components/ThemePicker/index.vue

@@ -1,10 +1,5 @@
 <template>
-  <el-color-picker
-    v-model="theme"
-    :predefine="['#409EFF', '#1890ff', '#304156','#212121','#11a983', '#13c2c2', '#6959CD', '#f5222d', ]"
-    class="theme-picker"
-    popper-class="theme-picker-dropdown"
-  />
+  <el-color-picker v-model="theme" :predefine="['#409EFF', '#1890ff', '#304156','#212121','#11a983', '#13c2c2', '#6959CD', '#f5222d', ]" class="theme-picker" popper-class="theme-picker-dropdown" />
 </template>
 
 <script>
@@ -89,6 +84,9 @@ export default {
   methods: {
     updateStyle(style, oldCluster, newCluster) {
       let newStyle = style
+      if (newStyle.indexOf('sidebar') !== -1) {
+        console.log(newStyle)
+      }
       oldCluster.forEach((color, index) => {
         newStyle = newStyle.replace(new RegExp(color, 'ig'), newCluster[index])
       })

src/styles/variables.scss

@@ -9,15 +9,15 @@ $yellow:#FEC171;
 $panGreen: #30B08F;
 
 // sidebar
-$menuText:#bfcbd9;
-$menuActiveText:#409EFF;
+$menuText:#ffffff;
+$menuActiveText:#a4d2ff;
 $subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
 
-$menuBg:#304156;
-$menuHover:#263445;
+$menuBg:#60a4f7;
+$menuHover:#2786df;
 
-$subMenuBg:#1f2d3d;
-$subMenuHover:#001528;
+$subMenuBg:rgb(24, 144, 255);
+$subMenuHover: #2786df;
 
 $sideBarWidth: 210px;
 

src/views/login/index.vue

@@ -226,7 +226,7 @@ $cursor: #fff;
 </style>
 
 <style lang="scss" scoped>
-$bg:#2d3a4b;
+$bg:rgb(157, 207, 255);
 $dark_gray:#889aa4;
 $light_gray:#eee;