From c7566bba45e6f90594d36ec4b80ac4ff89f577ee Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期四, 08 十月 2026 14:19:36 +0800
Subject: [PATCH] 项目重构
---
src/assets/styles/variables.module.scss | 65 ++++++++++++++++++--------------
1 files changed, 36 insertions(+), 29 deletions(-)
diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss
index 2f7a611..397e6e4 100644
--- a/src/assets/styles/variables.module.scss
+++ b/src/assets/styles/variables.module.scss
@@ -8,35 +8,35 @@
$yellow: #FEC171;
$panGreen: #30B08F;
-// 榛樿涓婚鍙橀噺
-$menuText: #bfcbd9;
-$menuActiveText: #409eff;
-$menuBg: #1a1f2e;
-$menuHover: #263445;
+// 榛樿涓婚鍙橀噺锛堝疄楠屽闈掔豢锛氥�屾祬鑹茬礌闆呫�嶄晶杈规爮 鈥斺�� 鐧藉簳 + 闈掔豢閫変腑锛�
+$menuText: #5c6b69;
+$menuActiveText: #0d9488;
+$menuBg: #ffffff;
+$menuHover: #f2f7f6;
-// 娴呰壊涓婚theme-light
+// 娴呰壊涓婚theme-light锛堜笟鍔″畾鍒讹細渚ц竟鏍忎笌娴呰壊涓婚涓�鑷达紝鐧藉簳 + 闈掔豢閫変腑 + 宸︿晶绔栨潯锛�
$menuLightBg: #ffffff;
-$menuLightHover: #f0f1f5;
-$menuLightText: #303133;
-$menuLightActiveText: #409EFF;
+$menuLightHover: #f2f7f6;
+$menuLightText: #5c6b69;
+$menuLightActiveText: #0d9488;
// 鍩虹鍙橀噺
$base-sidebar-width: 200px;
$sideBarWidth: 200px;
-// 鑿滃崟鏆楄壊鍙橀噺
-$base-menu-color: rgba(255,255,255,.65);
-$base-menu-color-active: #ffffff;
-$base-menu-background: #1a1f2e;
-$base-sub-menu-background: #141824;
-$base-sub-menu-hover: rgba(255,255,255,.06);
+// 鑿滃崟鏆楄壊鍙橀噺锛堟祬鑹蹭富棰樹笅鐨勪晶杈规爮锛氱櫧搴曚富鑿滃崟 + 鏋佹祬鐏颁簩绾ц彍鍗曪級
+$base-menu-color: #5c6b69;
+$base-menu-color-active: #0d9488;
+$base-menu-background: #ffffff;
+$base-sub-menu-background: #fafbfb;
+$base-sub-menu-hover: #eef4f3;
// 缁勪欢鍙橀噺
-$--color-primary: #409EFF;
-$--color-success: #67C23A;
-$--color-warning: #E6A23C;
-$--color-danger: #F56C6C;
-$--color-info: #909399;
+$--color-primary: #0d9488;
+$--color-success: #16a34a;
+$--color-warning: #d98b1c;
+$--color-danger: #e05252;
+$--color-info: #6b7c85;
:export {
menuText: $menuText;
@@ -65,16 +65,19 @@
colorInfo: $--color-info;
}
-// CSS鍙橀噺瀹氫箟
+// CSS鍙橀噺瀹氫箟锛堜晶杈规爮鐩稿叧鍙橀噺鐨勩�屽敮涓�瀹氫箟澶勩�嶄粛鏄� assets/styles/theme/tokens.scss锛�
+// 杩欓噷璺熻繘鍚屼竴缁勫�� 鈥斺�� 鏈枃浠跺湪 tokens.scss 涔嬪悗鍔犺浇锛屽悓鍚嶅彉閲忎細瑕嗙洊瀹冿級
:root {
/* 浜壊妯″紡鍙橀噺 */
--sidebar-bg: #{$menuBg};
--sidebar-text: #{$menuText};
--menu-hover: #{$menuHover};
-
+ --menu-active-text: #{$menuLightActiveText};
+ --menu-active-bg: #e4f2ef;
+
--navbar-bg: #ffffff;
- --navbar-text: #303133;
-
+ --navbar-text: #1f2d2b;
+
/* splitpanes default-theme 鍙橀噺 */
--splitpanes-default-bg: #ffffff;
@@ -97,9 +100,10 @@
/* 渚ц竟鏍� */
--sidebar-bg: #141414;
- --sidebar-text: #ffffff;
+ --sidebar-text: #d0d0d0;
--menu-hover: #2d2d2d;
- --menu-active-text: #{$menuActiveText};
+ --menu-active-text: #2dd4bf;
+ --menu-active-bg: #2d2d2d;
/* 椤堕儴瀵艰埅鏍� */
--navbar-bg: #141414;
@@ -114,7 +118,6 @@
--tags-item-hover: #2d2d2d;
--tags-close-hover: #64666a;
/* 鍗＄墖妯″紡婵�娲婚〉绛� */
- --tags-card-active-bg: var(--el-bg-color-overlay);
--tags-card-active-bg: color-mix(in srgb, var(--el-color-primary) 22%, var(--el-bg-color-overlay) 78%);
--tags-card-active-border: var(--tags-card-active-bg);
@@ -155,6 +158,10 @@
.el-menu-item,
.el-sub-menu__title {
color: var(--sidebar-text) !important;
+ }
+ /* 鏆楄壊涓嬮�変腑椤逛粛璧颁富鑹诧紝鍚﹀垯浼氳涓婇潰鐨� !important 鍘嬫垚鏅�氭枃瀛楄壊 */
+ .el-menu-item.is-active {
+ color: var(--el-color-primary) !important;
}
.el-menu-item:not(.is-active):hover,
.submenu-title-noDropdown:hover,
@@ -227,11 +234,11 @@
&:not(.tags-view-container--chrome) .tags-view-wrapper .tags-view-item.active {
background-color: var(--tags-card-active-bg) !important;
border-color: var(--tags-card-active-border) !important;
- color: var(--current-color, #409eff) !important;
+ color: var(--current-color, var(--el-color-primary)) !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
&::before {
- background: var(--current-color, #409eff) !important;
+ background: var(--current-color, var(--el-color-primary)) !important;
}
}
}
--
Gitblit v1.9.3