From fb6e4a0041575dfacc4da9f8fc66d9a3d1f8a6b8 Mon Sep 17 00:00:00 2001
From: 云 <2163098428@qq.com>
Date: 星期二, 19 五月 2026 15:50:40 +0800
Subject: [PATCH] feat(multiple): 为构建过程添加环境变量管理功能
---
src/assets/styles/variables.module.scss | 162 ++++++++++++++++++++++++++++++------------------------
1 files changed, 90 insertions(+), 72 deletions(-)
diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss
index 8f96932..baa53d5 100644
--- a/src/assets/styles/variables.module.scss
+++ b/src/assets/styles/variables.module.scss
@@ -22,6 +22,7 @@
// layout
$base-sidebar-width: 216px;
+$base-sidebar-collapsed-width: 72px;
$sideBarWidth: 216px;
// sidebar - 浼樺寲鍚庣殑渚ц竟鏍忛厤鑹�
@@ -64,93 +65,110 @@
}
:root {
- --sidebar-bg: #{$menuBg};
- --sidebar-text: #{$menuText};
- --sidebar-muted: #5a6478;
- --menu-hover: rgba(var(--el-color-primary-rgb, 13, 148, 136), 0.08);
- --menu-active-bg: var(--el-color-primary, #0d9488);
- --menu-active-text: #ffffff;
- --menu-surface: #f8fafb;
+ --sidebar-width: 216px;
+ --sidebar-collapsed-width: 72px;
+ --topbar-height: 64px;
+ --tagsbar-height: 40px;
+ --content-gap: 16px;
+ --content-radius: 16px;
+ --layout-header-z: 20;
- --app-bg: #f0f4f3;
- --app-bg-accent: #e0ebe9;
- --surface-base: #ffffff;
- --surface-soft: #f7faf9;
- --surface-muted: #eef3f2;
- --surface-border: #d5e0de;
- --surface-border-strong: #c5d5d2;
+ --el-color-primary: #2563eb;
+ --el-color-primary-rgb: 37, 99, 235;
+ --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: rgba(13, 43, 79, 0.94);
+ --menu-active-glow: 0 8px 18px rgba(56, 139, 255, 0.28);
+
+ --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;
- --text-secondary: #4a5568;
- --text-tertiary: #718096;
- --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.06);
- --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.1);
- --shadow-menu: 0 2px 8px rgba(0, 0, 0, 0.05);
+ --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: 14px;
- --radius-sm: 10px;
- --radius-xs: 6px;
+ --radius-md: 16px;
+ --radius-sm: 12px;
+ --radius-xs: 10px;
- --navbar-bg: rgba(255, 255, 255, 0.85);
- --navbar-text: #1e293b;
- --navbar-hover: rgba(13, 148, 136, 0.08);
+ --navbar-bg: rgba(255, 255, 255, 0.86);
+ --navbar-text: #1f3658;
+ --navbar-hover: rgba(37, 99, 235, 0.08);
--tags-bg: transparent;
- --tags-item-bg: rgba(255, 255, 255, 0.8);
- --tags-item-border: rgba(197, 213, 210, 0.9);
- --tags-item-text: #4a5568;
- --tags-item-hover: rgba(13, 148, 136, 0.1);
- --tags-close-hover: rgba(13, 148, 136, 0.2);
-
- --accent-primary: #0d9488;
- --accent-light: #14b8a6;
- --accent-lighter: #5eead4;
+ --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);
- --splitpanes-default-bg: #ffffff;
+ --accent-primary: #2563eb;
+ --accent-light: #3b82f6;
+ --accent-lighter: #60a5fa;
+
+ --panel-mask: rgba(255, 255, 255, 0.88);
+ --panel-glow: inset 0 1px 0 rgba(255, 255, 255, 0.58);
+ --splitpanes-default-bg: #f3f7fc;
}
html.dark {
- --el-bg-color: #141414;
- --el-bg-color-overlay: #1d1e1f;
- --el-text-color-primary: #ffffff;
- --el-text-color-regular: #d0d0d0;
- --el-border-color: #434343;
- --el-border-color-light: #434343;
+ --el-bg-color: #f8fbff;
+ --el-bg-color-overlay: #f3f7fd;
+ --el-text-color-primary: #1e293b;
+ --el-text-color-regular: #475569;
+ --el-border-color: rgba(148, 163, 184, 0.2);
+ --el-border-color-light: rgba(148, 163, 184, 0.18);
- --sidebar-bg: #1a1a1a;
- --sidebar-text: #d0d0d0;
- --sidebar-muted: #888888;
- --menu-hover: rgba(var(--el-color-primary-rgb, 13, 148, 136), 0.12);
- --menu-active-bg: var(--el-color-primary, #0d9488);
- --menu-active-text: #ffffff;
- --menu-surface: #1a1a1a;
-
- --text-primary: #ffffff;
- --text-secondary: #d0d0d0;
- --text-tertiary: #888888;
- --accent-primary: var(--el-color-primary, #0d9488);
- --accent-light: var(--el-color-primary-light-3, #14b8a6);
+ --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: rgba(13, 43, 79, 0.94);
- --navbar-bg: #141414;
- --navbar-text: #ffffff;
- --navbar-hover: #141414;
+ --text-primary: #1e293b;
+ --text-secondary: #334155;
+ --text-tertiary: #64748b;
+ --accent-primary: #2563eb;
+ --accent-light: #3b82f6;
- --tags-bg: #141414;
- --tags-item-bg: #1d1e1f;
- --tags-item-border: #303030;
- --tags-item-text: #d0d0d0;
- --tags-item-hover: #2d2d2d;
- --tags-close-hover: #64666a;
+ --navbar-bg: rgba(255, 255, 255, 0.86);
+ --navbar-text: #1f3658;
+ --navbar-hover: rgba(37, 99, 235, 0.08);
- --splitpanes-bg: #141414;
- --splitpanes-border: #303030;
- --splitpanes-splitter-bg: #1d1e1f;
- --splitpanes-splitter-hover-bg: #2d2d2d;
+ --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);
- --blockquote-bg: #1d1e1f;
- --blockquote-border: #303030;
- --blockquote-text: #d0d0d0;
- --cron-border: #303030;
- --splitpanes-default-bg: #141414;
+ --splitpanes-bg: #f3f7fc;
+ --splitpanes-border: rgba(148, 163, 184, 0.22);
+ --splitpanes-splitter-bg: #e7eef8;
+ --splitpanes-splitter-hover-bg: #d9e6f7;
+
+ --blockquote-bg: #f3f7ff;
+ --blockquote-border: rgba(59, 130, 246, 0.36);
+ --blockquote-text: #334155;
+ --cron-border: rgba(148, 163, 184, 0.22);
+ --splitpanes-default-bg: #f3f7fc;
.sidebar-container {
.el-menu-item,
--
Gitblit v1.9.3