更改了首页样式

src/styles/sidebar.scss

@@ -81,7 +81,12 @@
       background-color: $subMenuBg !important;
 
       &:hover {
-        background-color: $subMenuHover !important;
+        background: linear-gradient(to right,$subMenuHover1,$subMenuHover2);
+        // background-color: $subMenuHover !important;
+      }
+      &:active {
+        background: linear-gradient(to right,$subMenuHover1,$subMenuHover2) !important;
+        // background-color: $subMenuHover !important;
       }
     }
   }
@@ -184,6 +189,7 @@
   .el-menu-item {
     &:hover {
       // you can use $subMenuHover
+      color: red;
       background-color: $menuHover !important;
     }
   }

src/styles/variables.scss

@@ -10,14 +10,18 @@ $panGreen: #30B08F;
 
 // sidebar
 $menuText:#bfcbd9;
-$menuActiveText:#409EFF;
+// $menuActiveText:#409EFF;
+$menuActiveText:#ffffff;
 $subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
 
-$menuBg:#304156;
-$menuHover:#263445;
+// $menuBg:#304156;
+$menuBg:#16185f;
+$menuHover:#16185f;
 
-$subMenuBg:#1f2d3d;
+$subMenuBg:#16185f;
 $subMenuHover:#001528;
+$subMenuHover1:#1a75d6;
+$subMenuHover2:#17ade4;
 
 $sideBarWidth: 210px;