修改侧边栏菜单渐变样式

src/assets/styles/variables.module.scss

@@ -1,19 +1,28 @@
 // 全局SCSS变量
 :root {
-  --menuBg: #304156;
-  --menuColor: #bfcbd9;
-  --menuActiveText: #f4f4f5;
-  --menuHover: #263445;
+  --menuBg: #2c3e50; // 精确匹配图片中的深色背景
+  --menuColor: #bfcbd9; // 非激活菜单项的文字颜色
+  --menuActiveText: #ffffff; // 激活菜单项的文字颜色
+  --menuHover: #34495e; // 悬停时的背景色
 
-  --subMenuBg: #1f2d3d;
-  --subMenuActiveText: #f4f4f5;
-  --subMenuHover: #001528;
-  --subMenuTitleHover: #293444;
+  --subMenuBg: #1f2d3d; // 子菜单背景色
+  --subMenuActiveText: #409eff; // 激活子菜单项的文字颜色（蓝色）
+  --subMenuHover: #001528; // 子菜单悬停背景色
+  --subMenuTitleHover: #293444; // 子菜单标题悬停背景色
+
+  // 激活菜单项的渐变颜色 - 根据设计UI调整
+  --menuActiveGradient: linear-gradient(90deg, #0080EA 0%, #000F27 100%);
 
   --fixedHeaderBg: #ffffff;
   --tableHeaderBg: #f8f8f9;
   --tableHeaderTextColor: #515a6e;
 
+  // 侧边框样式变量 - 实现无边框但有阴影的效果
+  --sidebarBorderColor: transparent;
+  --sidebarBorderWidth: 0px;
+  --sidebarBorderStyle: solid;
+  --sidebarBoxShadow: 1px 0 4px rgba(0, 0, 0, 0.1);
+
   // ele
   --brder-color: #e8e8e8;
 
@@ -23,20 +32,29 @@
 }
 
 html.dark {
-  --menuBg: #1d1e1f;
+  --menuBg: #2c3e50; // 保持与浅色模式一致
   --menuColor: #bfcbd9;
-  --menuActiveText: #f4f4f5;
-  --menuHover: #171819;
+  --menuActiveText: #ffffff;
+  --menuHover: #34495e;
 
-  --subMenuBg: #1d1e1f;
-  --subMenuActiveText: #1d1e1f;
-  --subMenuHover: #171819;
-  --subMenuTitleHover: #171819;
+  --subMenuBg: #1f2d3d;
+  --subMenuActiveText: #409eff; // 激活子菜单项保持蓝色
+  --subMenuHover: #001528;
+  --subMenuTitleHover: #293444;
+
+  // 激活菜单项的渐变颜色 - 根据设计UI调整
+  --menuActiveGradient: linear-gradient(90deg, #0080EA 0%, #000F27 100%);
 
   --fixedHeaderBg: #171819;
   --tableHeaderBg: var(--el-bg-color);
   --tableHeaderTextColor: var(--el-text-color);
 
+  // 深色模式侧边框样式变量 - 实现无边框但有阴影的效果
+  --sidebarBorderColor: transparent;
+  --sidebarBorderWidth: 0px;
+  --sidebarBorderStyle: solid;
+  --sidebarBoxShadow: 1px 0 4px rgba(0, 0, 0, 0.15);
+
   // 覆盖ele 高亮当前行的标准暗色
   .el-tree-node__content {
     --el-color-primary-light-9: #262727;