From 8aab630af653437e1357c70ff59d02dbc02f4821 Mon Sep 17 00:00:00 2001
From: gaoziman <2942894660@qq.com>
Date: Fri, 19 Dec 2025 15:56:52 +0800
Subject: [PATCH] =?UTF-8?q?feat(theme):=20=E6=B7=BB=E5=8A=A0=E6=9A=97?=
 =?UTF-8?q?=E8=89=B2=E4=B8=BB=E9=A2=98=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 [data-theme="dark"] CSS 变量定义
- 设置暗色模式主背景色为 #29252B
- 配置暗色模式下的品牌色、背景色、文字色、边框色
- 调整暗色模式阴影效果
- 侧边栏宽度调整为 280px
---
 src/app/globals.css | 44 +++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 43 insertions(+), 1 deletion(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 4f65dd8..e18c3c6 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -43,7 +43,7 @@
   --shadow-input-focus: 0 4px 16px rgba(224, 107, 62, 0.1);
 
   /* 布局 */
-  --sidebar-width: 260px;
+  --sidebar-width: 280px;
   --header-height: 56px;
   --input-max-width: 900px;
 
@@ -64,6 +64,48 @@
   --font-size-base: 15px;
 }
 
+/* ========================================
+   暗色模式
+   主背景色: #29252B
+   ======================================== */
+[data-theme="dark"] {
+  /* 品牌色 - 保持不变 */
+  --color-primary: #E06B3E;
+  --color-primary-hover: #E8805A;
+  --color-primary-light: rgba(224, 107, 62, 0.15);
+  --color-primary-alpha: rgba(224, 107, 62, 0.2);
+
+  /* 背景色 */
+  --color-bg-primary: #29252B;
+  --color-bg-secondary: #201D23;
+  --color-bg-tertiary: #332E38;
+  --color-bg-hover: #3A353E;
+
+  /* 文字色 */
+  --color-text-primary: #F5F5F5;
+  --color-text-secondary: #A8A8A8;
+  --color-text-tertiary: #6B6B6B;
+  --color-text-placeholder: #5A5A5A;
+
+  /* 边框色 */
+  --color-border: #3A353E;
+  --color-border-light: #332E38;
+  --color-border-focus: #E06B3E;
+
+  /* 消息气泡色 */
+  --color-message-user: #4A4352;
+  --color-message-assistant-bg: #332E38;
+  --color-message-assistant-border: #3A353E;
+
+  /* 阴影 - 暗色模式下增强 */
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
+  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
+  --shadow-dropdown: 0 4px 12px rgba(0, 0, 0, 0.4);
+  --shadow-input: 0 2px 8px rgba(0, 0, 0, 0.2);
+  --shadow-input-focus: 0 4px 16px rgba(224, 107, 62, 0.2);
+}
+
 @theme inline {
   /* 品牌色 */
   --color-primary: var(--color-primary);