From acd6bbae394c997523b5051d019e584db1845c4c Mon Sep 17 00:00:00 2001
From: zhangwencui <1064582902@qq.com>
Date: 星期三, 17 六月 2026 14:29:04 +0800
Subject: [PATCH] 样式修改
---
src/assets/styles/variables.module.scss | 74 ++++++++++++++++++------------------
1 files changed, 37 insertions(+), 37 deletions(-)
diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss
index 461b545..7f8d488 100644
--- a/src/assets/styles/variables.module.scss
+++ b/src/assets/styles/variables.module.scss
@@ -73,51 +73,51 @@
--content-radius: 16px;
--layout-header-z: 20;
- --el-color-primary: #2563eb;
- --el-color-primary-rgb: 37, 99, 235;
+ --el-color-primary: #374d77;
+ --el-color-primary-rgb: 37, 89, 163;
--el-color-success: #14b8a6;
--el-color-warning: #f59e0b;
--el-color-danger: #ef4444;
- --sidebar-bg: linear-gradient(180deg, #0e2a4f 0%, #123e69 55%, #0e2a4f 100%);
- --sidebar-text: rgba(234, 242, 255, 0.82);
- --sidebar-muted: rgba(234, 242, 255, 0.82);
- --menu-hover: rgba(147, 197, 253, 0.2);
- --menu-active-bg: linear-gradient(135deg, #2f80ff 0%, #38bdf8 100%);
- --menu-active-text: #f8fbff;
- --menu-surface: linear-gradient(180deg, rgba(13, 43, 79, 0.97) 0%, rgba(8, 28, 52, 0.94) 100%);
- --menu-active-glow: 0 8px 18px rgba(56, 139, 255, 0.28);
+ --sidebar-bg: #1e293b;
+ --sidebar-text: #94a3b8;
+ --sidebar-muted: #64748b;
+ --menu-hover: rgba(255, 255, 255, 0.05);
+ --menu-active-bg: #3b82f6;
+ --menu-active-text: #ffffff;
+ --menu-surface: #1e293b;
+ --menu-active-glow: 0 4px 12px rgba(59, 130, 246, 0.3);
- --app-bg: #f3f7fc;
- --app-bg-accent: #eef5ff;
- --surface-base: rgba(255, 255, 255, 0.92);
- --surface-soft: rgba(255, 255, 255, 0.88);
- --surface-muted: #f5f9ff;
- --surface-border: rgba(148, 163, 184, 0.18);
- --surface-border-strong: rgba(96, 165, 250, 0.34);
- --text-primary: #1e293b;
+ --app-bg: #f8fafc;
+ --app-bg-accent: #f1f5f9;
+ --surface-base: #ffffff;
+ --surface-soft: rgba(255, 255, 255, 0.9);
+ --surface-muted: #f1f5f9;
+ --surface-border: #e2e8f0;
+ --surface-border-strong: #cbd5e1;
+ --text-primary: #0f172a;
--text-secondary: #334155;
--text-tertiary: #64748b;
- --shadow-sm: 0 12px 32px rgba(15, 23, 42, 0.06);
- --shadow-md: 0 20px 42px rgba(15, 23, 42, 0.1);
- --shadow-menu: 0 16px 36px rgba(8, 27, 58, 0.26);
- --radius-lg: 20px;
- --radius-md: 16px;
- --radius-sm: 12px;
- --radius-xs: 10px;
+ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ --shadow-menu: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ --radius-lg: 12px;
+ --radius-md: 8px;
+ --radius-sm: 6px;
+ --radius-xs: 4px;
- --navbar-bg: rgba(255, 255, 255, 0.86);
- --navbar-text: #1f3658;
- --navbar-hover: rgba(37, 99, 235, 0.08);
+ --navbar-bg: rgba(30, 41, 59, 0.85);
+ --navbar-text: #f8fafc;
+ --navbar-hover: rgba(255, 255, 255, 0.08);
- --tags-bg: transparent;
- --tags-item-bg: rgba(255, 255, 255, 0.9);
- --tags-item-border: rgba(148, 163, 184, 0.22);
- --tags-item-text: #334155;
- --tags-item-hover: #f4f8ff;
- --tags-close-hover: rgba(37, 99, 235, 0.16);
+ --tags-bg: #f8fafc;
+ --tags-item-bg: #ffffff;
+ --tags-item-border: #e2e8f0;
+ --tags-item-text: #475569;
+ --tags-item-hover: #f1f5f9;
+ --tags-close-hover: rgba(239, 68, 68, 0.1);
- --accent-primary: #2563eb;
+ --accent-primary: #374d77;
--accent-light: #3b82f6;
--accent-lighter: #60a5fa;
@@ -175,7 +175,7 @@
.menu-title {
color: var(--sidebar-text);
}
-
+
.el-menu-item.is-active,
.el-menu-item.is-active .menu-title {
color: var(--menu-active-text) !important;
@@ -185,7 +185,7 @@
& .theme-dark .el-sub-menu .el-menu-item {
background-color: var(--el-bg-color) !important;
}
-
+
& .theme-dark .el-sub-menu .el-menu-item.is-active {
background-color: var(--menu-active-bg) !important;
}
--
Gitblit v1.9.3