perf: 修改颜色 (#1862)

* perf: 修改颜色

* perf: 优化主题

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

src/styles/menu.scss

@@ -37,7 +37,7 @@
   }
 
   .is-active i.fa {
-    color: white;
+    color: $menuActiveText;
   }
 
   .el-submenu .el-menu-item {

src/styles/sidebar.scss

@@ -72,7 +72,7 @@
     }
 
     .is-active>.el-submenu__title {
-      color: $subMenuActiveText !important;
+      color: $menuActiveText !important;
     }
 
     & .nest-menu .el-submenu-sidebar>.el-submenu__title,

src/styles/themes/chinese_red.scss

@@ -5,13 +5,8 @@ $--color-info: #f06f06;
 $--color-warning: #b17b4e;
 $--color-danger: #122b58;
 
-// Text
-$--color-text-primary: #303133;
-$--color-text-regular: #606266;
-
 // Menu
 $menuBg: #b4312b;
 $menuActiveLeft: #fff1d9;
 $menuText: #fff1d9;
 $menuActiveText: white;
-$subMenuActiveText: white;

src/styles/themes/classic_green.scss

@@ -5,13 +5,8 @@ $--color-info: #23c6c8;
 $--color-warning: #f8ac59;
 $--color-danger: #ed5565;
 
-// Text
-$--color-text-primary: #303133;
-$--color-text-regular: #606266;
-
 // Menu
 $menuText: #a7b1c2;
 $menuActiveLeft: $--color-primary;
 $menuActiveText: white;
-$subMenuActiveText: #f4f4f5;
 $menuBg: #2f4050;

src/styles/themes/deep_black.scss

@@ -0,0 +1,11 @@
+$--color-primary: #0576b9;
+$--color-success: #2cb57e;
+$--color-info: #47bce8;
+$--color-warning: #f5bd58;
+$--color-danger: #f56e50;
+
+// Menu
+$menuText: #8fa6bf;
+$menuActiveLeft: $--color-primary;
+$menuActiveText: white;
+$menuBg: #121e2d;

src/styles/themes/tech_blue.scss

@@ -0,0 +1,10 @@
+$--color-primary: #174779;
+$--color-success: #28a745;
+$--color-info: #17a2b8;
+$--color-warning: #ffc107;
+$--color-danger: #dc3545;
+
+$menuText: #e9ecef;
+$menuActiveLeft: white;
+$menuActiveText: white;
+$menuBg: #174779;

src/styles/variables.scss

@@ -1,6 +1,8 @@
-@import "src/styles/themes/chinese_red";
+@import "./themes/chinese_red";
 //@import "./themes/default";
 
+$--color-text-primary: #303133;
+$--color-text-regular: #606266;
 $--color-black: #000000;
 $--font-size-base: 13px;
 $--size-base: 13px;