no message

src/layout/components/Sidebar/Logo.vue

@@ -73,7 +73,7 @@ export default {
     & .sidebar-title {
       display: inline-block;
       margin: 0;
-      color: #fff;
+      color: #{$logoText};
       font-weight: 600;
       line-height: 50px;
       font-size: 20px;

src/styles/variables.scss

@@ -1,34 +1,28 @@
-// sidebar
-// $menuText:#bfcbd9;
-// $menuActiveText:#409EFF;
-// $subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951
-
-// $menuBg:#304156;
-// $menuHover:#263445;
-
-// $subMenuBg:#1f2d3d;
-// $subMenuHover:#001528;
-
 $menuSub3ActiveBg: #3d8ffd;
 
-$menuText: #ffffff;
-$menuActiveText: #ffffff;
-$subMenuActiveText: #ffffff;
+// 菜单位置
+$menuText: #343d47;
+$menuActiveText: #fff;
+// 菜单展开的父级字体
+$subMenuActiveText: #343d47;
+// 菜单选中背景
 $menuActiveBg: #3d8ffd;
-
-$menuBg: #2261e0;
+// 菜单整体背景
+$menuBg: #eef0f4;
+// 菜单悬浮背景色
 $menuHover: #3d8ffd;
-
-$subMenuBg: #2261e0;
+// 子级菜单区域背景
+$subMenuBg: #e7eaf0;
+// 子级菜单悬浮背景
 $subMenuHover: #3d8ffd;
 
 $sideBarWidth: 210px;
 
-// logo
-$logoText: #ffffff;
-$logoBg: #2261e0;
+// logo位置样式
+$logoText: #343d47;
+$logoBg: #f3f5f8;
 
-// navbar
+// 头部导航位置
 $navbarBg: #ffffff;
 $navbarText: #333333;
 $navbarActiveText: #ffffff;