xiaoxian521 3 роки тому
батько
коміт
5f349775a8

+ 2 - 0
src/layout/theme/auroraGreen-vars.scss

@@ -7,3 +7,5 @@ $subMenuBg: #fff;
 $subMenuHover: #e0ebf6;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
+$sidebarLogo: #3c0e0e;
+$menuTitleHover: #fff;

+ 10 - 6
src/layout/theme/default-vars.scss

@@ -8,12 +8,16 @@
 // 菜单选中后字体样式
 $subMenuActiveText: #f4f4f5 !default;
 //菜单背景
-$menuBg: #1b2a47 !default;
-// 鼠标覆盖菜单时的背景
-$menuHover: #2a395b !default;
+$menuBg: #001529 !default;
+// 鼠标覆盖菜单时的背景
+$menuHover: #4091f7 !default;
 // 子菜单背景
-$subMenuBg: #1f2d3d !default;
+$subMenuBg: #0f0303 !default;
 // 鼠标覆盖子菜单时的背景
-$subMenuHover: #001528 !default;
+$subMenuHover: #4091f7 !default;
 $navTextColor: #fff !default;
-$menuText: #7a80b4 !default;
+$menuText: rgba(254, 254, 254, 0.65) !default;
+// logo背景颜色
+$sidebarLogo: #002140 !default;
+// 鼠标覆盖到菜单时的字体颜色
+$menuTitleHover: #fff !default;

+ 9 - 7
src/layout/theme/dusk-vars.scss

@@ -1,9 +1,11 @@
 // 薄暮
 
-$subMenuActiveText: #409eff;
-$menuBg: #ff5f6d;
-$menuHover: #e0ebf6;
-$subMenuBg: #fff;
-$subMenuHover: #e0ebf6;
-$navTextColor: #7a80b4;
-$menuText: #7a80b4;
+$subMenuActiveText: #fff;
+$menuBg: #2a0608;
+$menuHover: #e13c39;
+$subMenuBg: #000;
+$subMenuHover: #e13c39;
+$navTextColor: red;
+$menuText: rgba(254, 254, 254, 0.651);
+$sidebarLogo: #3c0e0e;
+$menuTitleHover: #fff;

+ 2 - 0
src/layout/theme/geekBlue-vars.scss

@@ -7,3 +7,5 @@ $subMenuBg: #fff;
 $subMenuHover: #e0ebf6;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
+$sidebarLogo: #3c0e0e;
+$menuTitleHover: #fff;

+ 2 - 0
src/layout/theme/higurashi-vars.scss

@@ -7,3 +7,5 @@ $subMenuBg: #fff;
 $subMenuHover: #e0ebf6;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
+$sidebarLogo: #3c0e0e;
+$menuTitleHover: #fff;

+ 2 - 0
src/layout/theme/light-vars.scss

@@ -6,3 +6,5 @@ $subMenuBg: #fff;
 $subMenuHover: #e0ebf6;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
+$sidebarLogo: #fff;
+$menuTitleHover: #7a80b4;

+ 2 - 0
src/layout/theme/mingQing-vars.scss

@@ -7,3 +7,5 @@ $subMenuBg: #fff;
 $subMenuHover: #e0ebf6;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
+$sidebarLogo: #3c0e0e;
+$menuTitleHover: #fff;

+ 2 - 0
src/layout/theme/saucePurple-vars.scss

@@ -7,3 +7,5 @@ $subMenuBg: #fff;
 $subMenuHover: #e0ebf6;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
+$sidebarLogo: #3c0e0e;
+$menuTitleHover: #fff;

+ 2 - 0
src/layout/theme/volcano-vars.scss

@@ -7,3 +7,5 @@ $subMenuBg: #fff;
 $subMenuHover: #e0ebf6;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
+$sidebarLogo: #3c0e0e;
+$menuTitleHover: #fff;

+ 11 - 1
src/style/sidebar.scss

@@ -4,7 +4,6 @@
   // vertical模式下主体内容距离网页文档左侧的距离
   $sideBarWidth
 ) {
-  $menuText: #7a80b4;
   $menuActiveText: #7a80b4;
 
   @media screen and (min-width: 150px) and (max-width: 420px) {
@@ -18,6 +17,13 @@
     }
   }
 
+  .el-menu-item,
+  .el-sub-menu__title {
+    &:hover {
+      color: $menuTitleHover !important;
+    }
+  }
+
   .main-container {
     height: 100vh;
     min-height: 100%;
@@ -549,6 +555,10 @@ body[layout="vertical"] {
   $sideBarWidth: 210px;
   @include merge-style($sideBarWidth);
 
+  .sidebar-logo-container {
+    background: $sidebarLogo;
+  }
+
   .hideSidebar {
     .fixed-header {
       width: calc(100% - 54px);