From b2887a001d6e1ca33ca942cf934c6c75d520f5fc Mon Sep 17 00:00:00 2001
From: van <van333@foxmail.com>
Date: Thu, 30 Apr 2026 19:43:20 +0800
Subject: [PATCH] 1

---
 src/assets/styles/sidebar.scss   | 34 ++++++++++++++++----------------
 src/assets/styles/variables.scss |  6 +++---
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss
index bf3b2f5..6234472 100644
--- a/src/assets/styles/sidebar.scss
+++ b/src/assets/styles/sidebar.scss
@@ -100,8 +100,8 @@
       text-overflow: ellipsis !important;
       white-space: nowrap !important;
       font-size: 14px !important;
-      font-weight: 500;
-      color: rgba(33, 33, 33, 0.85) !important;
+      font-weight: 600;
+      color: $base-menu-color !important;
       background: transparent !important;
       border-radius: 12px;
       margin: 4px 12px;
@@ -123,16 +123,16 @@
       
       &:hover {
         background: rgba(25, 118, 210, 0.1) !important;
-        color: #1976d2 !important;
+        color: $base-menu-color-active !important;
         transform: translateX(4px);
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
       }
       
       &.is-active {
-        background: rgba(25, 118, 210, 0.15) !important;
-        color: #1976d2 !important;
+        background: rgba(21, 101, 192, 0.18) !important;
+        color: $base-menu-color-active !important;
         font-weight: 600;
-        box-shadow: 0 4px 16px rgba(25, 118, 210, 0.2);
+        box-shadow: 0 4px 16px rgba(21, 101, 192, 0.2);
         
         &::before {
           content: '';
@@ -142,7 +142,7 @@
           transform: translateY(-50%);
           width: 4px;
           height: 20px;
-          background: #1976d2;
+          background: $base-menu-color-active;
           border-radius: 0 2px 2px 0;
         }
       }
@@ -159,7 +159,7 @@
         
         &:hover {
           background: rgba(25, 118, 210, 0.1) !important;
-          color: #1976d2 !important;
+          color: $base-menu-color-active !important;
           transform: translateX(4px);
         }
       }
@@ -190,13 +190,13 @@
           
           &:hover {
             background: rgba(25, 118, 210, 0.08) !important;
-            color: #1976d2 !important;
+            color: $base-menu-color-active !important;
             transform: translateX(2px);
           }
           
           &.is-active {
-            background: rgba(25, 118, 210, 0.12) !important;
-            color: #1976d2 !important;
+            background: rgba(21, 101, 192, 0.14) !important;
+            color: $base-menu-color-active !important;
             
             &::before {
               width: 3px;
@@ -209,12 +209,12 @@
     
     // 图标样式优化
     .svg-icon {
-      color: rgba(33, 33, 33, 0.7) !important;
+      color: #1e293b !important;
       transition: all 0.3s ease;
       margin-right: 12px;
       
       &:hover {
-        color: #1976d2 !important;
+        color: $base-menu-color-active !important;
         transform: scale(1.1);
       }
     }
@@ -385,20 +385,20 @@
   padding: 8px 0;
   
   .el-menu-item {
-    color: rgba(33, 33, 33, 0.85) !important;
+    color: $base-menu-color !important;
     margin: 2px 8px;
     border-radius: 8px;
     transition: all 0.3s ease;
     
     &:hover {
       background: rgba(25, 118, 210, 0.1) !important;
-      color: #1976d2 !important;
+      color: $base-menu-color-active !important;
       transform: translateX(4px);
     }
     
     &.is-active {
-      background: rgba(25, 118, 210, 0.15) !important;
-      color: #1976d2 !important;
+      background: rgba(21, 101, 192, 0.15) !important;
+      color: $base-menu-color-active !important;
     }
   }
   
diff --git a/src/assets/styles/variables.scss b/src/assets/styles/variables.scss
index 600dffb..c6bcfb3 100644
--- a/src/assets/styles/variables.scss
+++ b/src/assets/styles/variables.scss
@@ -8,9 +8,9 @@ $tiffany: #4AB7BD;
 $yellow:#FEC171;
 $panGreen: #30B08F;
 
-// 默认菜单主题风格 - 现代化渐变主题
-$base-menu-color:rgba(33, 33, 33, 0.85);
-$base-menu-color-active:#1976d2;
+// 默认菜单主题风格 - 现代化渐变主题（文字用不透明深色，保证浅蓝底对比度）
+$base-menu-color: #0f172a;
+$base-menu-color-active:#1565c0;
 $base-menu-background:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
 $base-logo-title-color: #1976d2;