✨ feat: 主题变更为白色

klp-ui/src/assets/styles/sidebar.scss

@@ -4,13 +4,14 @@
   --text-regular: #333333;
   --text-secondary: #555555;
   --text-placeholder: #777777;
+  --background-color: #fff;
 
   .main-container {
     height: 100%;
     transition: margin-left .28s, box-shadow .3s ease;
     margin-left: $base-sidebar-width;
     position: relative;
-    background: #1E2227; // 金属浅色渐变
+    // background: #1E2227; // 金属浅色渐变
   }
 
   .sidebarHide {
@@ -21,7 +22,7 @@
     -webkit-transition: width .28s, background .3s ease;
     transition: width 0.28s, background .3s ease;
     width: $base-sidebar-width !important;
-    background: #1E2227; // 金属深色渐变
+    background: var(--background-color); // 金属深色渐变
     border-right: 1px solid #8d939b;
     height: 100%;
     position: fixed;
@@ -44,11 +45,12 @@
 
     .el-scrollbar__bar.is-vertical {
       right: 0px;
-      background: rgba(0, 0, 0, 0.05);
+      background: #2Bf;
+      width: 0;
     }
 
     .el-scrollbar__thumb {
-      background: #1E2227;
+      background: var(--background-color);
       border-radius: 3px;
     }
 
@@ -112,13 +114,6 @@
       }
     }
 
-    // 深色主题下子菜单选中高亮
-    & .theme-dark .is-active>.el-submenu__title {
-      color: #fff !important; // 选中时文字纯白
-      // background-color: rgba(95, 123, 160, 0.25) !important; // 工业蓝浅高亮
-      // border-left: 3px solid #5F7BA0; // 左边高亮条
-    }
-
     // & .nest-menu .el-submenu>.el-submenu__title,
     & .el-submenu .el-menu-item {
       // 子菜单默认样式
@@ -146,7 +141,7 @@
 
       &.is-active {
         background: rgba(95, 123, 160, 0.28) !important; // 激活背景
-        color: #fff !important; // 激活文字白色
+        color: #000 !important; // 激活文字白色
         font-weight: 600;
         border-left: 3px solid #5F7BA0; // 左边高亮条
       }
@@ -154,10 +149,10 @@
   }
 
   .el-menu-item.is-active.submenu-title-noDropdown {
-    background: rgba(95, 123, 160, 0.28) !important; // 激活背景
-    color: #fff !important; // 激活文字白色
+    background: #657b96; // 激活背景
+    color: #fff; // 激活文字白色
     font-weight: 600;
-    border-left: 3px solid #5F7BA0; // 左边高亮条
+    border-left: 3px solid #657b96; // 左边高亮条
   }
 
   .hideSidebar {
@@ -247,7 +242,7 @@
   }
 }
 
-// when menu collapsed
+// 收起状态下的菜单
 .el-menu--vertical {
   &>.el-menu {
     .svg-icon {