1

src/layout/components/Sidebar/Logo.vue

@@ -47,7 +47,7 @@ export default {
   width: 100%;
   height: 80px;
   line-height: 88px;
-  background:  #63cbe7;
+  // background:  #63cbe7;
   text-align: center;
   overflow: hidden;
   z-index: 2;;
@@ -68,7 +68,8 @@ export default {
       display: inline-block;
       margin: 0;
       vertical-align: top;
-      color: #000;
+      // color: #000;
+      color: #fff;
       font-weight: 600;
       line-height: 88px;
       height: 80px;;

src/styles/element-variables.scss

@@ -4,17 +4,11 @@
 **/
 
 /* theme color */
-// $--color-primary: #1890ff;
-// $--color-success: #13ce66;
-// $--color-warning: #ffba00;
-// $--color-danger: #ff4949;
-// $--color-primary: #38c1e7;
-$--color-primary: #63cbe7;
-
-$--color-success: #7dd7c5;
-$--color-warning: #ffb05b;
-$--color-danger: #ff8888;
-$--color-info: rgb(192, 196, 204);
+$--color-primary: #1890ff;
+$--color-success: #13ce66;
+$--color-warning: #ffba00;
+$--color-danger: #ff4949;
+// $--color-info: #1E1E1E;
 
 $--button-font-weight: 400;
 

src/styles/variables.scss

@@ -1,25 +1,23 @@
 // base color
-$blue: #324157;
-$light-blue: #3a71a8;
-$red: #c03639;
-$pink: #e65d6e;
-$green: #30b08f;
-$tiffany: #4ab7bd;
-$yellow: #fec171;
-$panGreen: #30b08f;
-
-$menuText: #f0ffff;
-$menuActiveText: #076c87;
-$subMenuActiveText: #076c87; // https://github.com/ElemeFE/element/issues/12951
-
-$menuBg: #63cbe7;
-$menuHover: #63cbe7;
-
-$subMenuBg: #7ad3eb;
-$subMenuHover: #7ad3eb;
-
-
-
+$blue:#324157;
+$light-blue:#3A71A8;
+$red:#C03639;
+$pink: #E65D6E;
+$green: #30B08F;
+$tiffany: #4AB7BD;
+$yellow:#FEC171;
+$panGreen: #30B08F;
+
+// sidebar
+$menuText:#bfcbd9;
+$menuActiveText:#409EFF;
+$subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
+
+$menuBg:#304156;
+$menuHover:#263445;
+
+$subMenuBg:#1f2d3d;
+$subMenuHover:#001528;
 
 $sideBarWidth: 210px;