no message

src/styles/sidebar.scss

@@ -84,6 +84,7 @@
     .el-submenu__title {
       &:hover {
         background-color: $menuHover !important;
+        color: $menuHoverText !important;
       }
     }
 
@@ -101,7 +102,8 @@
       background-color: $subMenuBg !important;
 
       &:hover {
-        background-color: $subMenuHover !important;
+        background-color: $menuHover !important;
+        color: $menuHoverText !important;
       }
     }
 
@@ -218,8 +220,8 @@
   .nest-menu .el-submenu > .el-submenu__title,
   .el-menu-item {
     &:hover {
-      // you can use $subMenuHover
       background-color: $menuHover !important;
+      color: $menuHoverText !important;
     }
   }
 

src/styles/variables.scss

@@ -11,10 +11,9 @@ $menuActiveBg: #3d8ffd;
 $menuBg: #eef0f4;
 // 菜单悬浮背景色
 $menuHover: #3d8ffd;
+$menuHoverText: #fff;
 // 子级菜单区域背景
 $subMenuBg: #e7eaf0;
-// 子级菜单悬浮背景
-$subMenuHover: #3d8ffd;
 
 $sideBarWidth: 210px;
 
@@ -39,7 +38,7 @@ $min-height: 720px;
   menuBg: $menuBg;
   menuHover: $menuHover;
   subMenuBg: $subMenuBg;
-  subMenuHover: $subMenuHover;
+  subMenuHover: $menuHover;
   sideBarWidth: $sideBarWidth;
   logoText: $logoText;
   logoBg: $logoBg;