From 5f349775a85955b470a4180e020c0eaf799ad233 Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Sat, 30 Oct 2021 21:14:25 +0800
Subject: [PATCH] feat: update

---
 src/layout/theme/auroraGreen-vars.scss |  2 ++
 src/layout/theme/default-vars.scss     | 16 ++++++++++------
 src/layout/theme/dusk-vars.scss        | 16 +++++++++-------
 src/layout/theme/geekBlue-vars.scss    |  2 ++
 src/layout/theme/higurashi-vars.scss   |  2 ++
 src/layout/theme/light-vars.scss       |  2 ++
 src/layout/theme/mingQing-vars.scss    |  2 ++
 src/layout/theme/saucePurple-vars.scss |  2 ++
 src/layout/theme/volcano-vars.scss     |  2 ++
 src/style/sidebar.scss                 | 12 +++++++++++-
 10 files changed, 44 insertions(+), 14 deletions(-)

diff --git a/src/layout/theme/auroraGreen-vars.scss b/src/layout/theme/auroraGreen-vars.scss
index cb9f79012..bb08d0f74 100644
--- a/src/layout/theme/auroraGreen-vars.scss
+++ b/src/layout/theme/auroraGreen-vars.scss
@@ -7,3 +7,5 @@ $subMenuBg: #fff;
 $subMenuHover: #e0ebf6;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
+$sidebarLogo: #3c0e0e;
+$menuTitleHover: #fff;
diff --git a/src/layout/theme/default-vars.scss b/src/layout/theme/default-vars.scss
index 835a79787..13bc8806c 100644
--- a/src/layout/theme/default-vars.scss
+++ b/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;
diff --git a/src/layout/theme/dusk-vars.scss b/src/layout/theme/dusk-vars.scss
index bf9e5a4fd..9bcfe294c 100644
--- a/src/layout/theme/dusk-vars.scss
+++ b/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;
diff --git a/src/layout/theme/geekBlue-vars.scss b/src/layout/theme/geekBlue-vars.scss
index 72589be25..ae9c3a00f 100644
--- a/src/layout/theme/geekBlue-vars.scss
+++ b/src/layout/theme/geekBlue-vars.scss
@@ -7,3 +7,5 @@ $subMenuBg: #fff;
 $subMenuHover: #e0ebf6;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
+$sidebarLogo: #3c0e0e;
+$menuTitleHover: #fff;
diff --git a/src/layout/theme/higurashi-vars.scss b/src/layout/theme/higurashi-vars.scss
index c24f5fb37..5e19c3299 100644
--- a/src/layout/theme/higurashi-vars.scss
+++ b/src/layout/theme/higurashi-vars.scss
@@ -7,3 +7,5 @@ $subMenuBg: #fff;
 $subMenuHover: #e0ebf6;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
+$sidebarLogo: #3c0e0e;
+$menuTitleHover: #fff;
diff --git a/src/layout/theme/light-vars.scss b/src/layout/theme/light-vars.scss
index c93b2fd7d..8defffc68 100644
--- a/src/layout/theme/light-vars.scss
+++ b/src/layout/theme/light-vars.scss
@@ -6,3 +6,5 @@ $subMenuBg: #fff;
 $subMenuHover: #e0ebf6;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
+$sidebarLogo: #fff;
+$menuTitleHover: #7a80b4;
diff --git a/src/layout/theme/mingQing-vars.scss b/src/layout/theme/mingQing-vars.scss
index 85f8a0a06..6ccc63862 100644
--- a/src/layout/theme/mingQing-vars.scss
+++ b/src/layout/theme/mingQing-vars.scss
@@ -7,3 +7,5 @@ $subMenuBg: #fff;
 $subMenuHover: #e0ebf6;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
+$sidebarLogo: #3c0e0e;
+$menuTitleHover: #fff;
diff --git a/src/layout/theme/saucePurple-vars.scss b/src/layout/theme/saucePurple-vars.scss
index dcd7d3e0b..080a309f6 100644
--- a/src/layout/theme/saucePurple-vars.scss
+++ b/src/layout/theme/saucePurple-vars.scss
@@ -7,3 +7,5 @@ $subMenuBg: #fff;
 $subMenuHover: #e0ebf6;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
+$sidebarLogo: #3c0e0e;
+$menuTitleHover: #fff;
diff --git a/src/layout/theme/volcano-vars.scss b/src/layout/theme/volcano-vars.scss
index e0c8180e8..9ebe42374 100644
--- a/src/layout/theme/volcano-vars.scss
+++ b/src/layout/theme/volcano-vars.scss
@@ -7,3 +7,5 @@ $subMenuBg: #fff;
 $subMenuHover: #e0ebf6;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
+$sidebarLogo: #3c0e0e;
+$menuTitleHover: #fff;
diff --git a/src/style/sidebar.scss b/src/style/sidebar.scss
index 7e904e93d..90ecdc304 100644
--- a/src/style/sidebar.scss
+++ b/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);