diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index a00be48..cf6e533 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -435,21 +435,22 @@ onMounted(() => {
 }
 
 [data-theme="dark"] {
-  --bg-primary: #0f172a;
-  --bg-secondary: #1e293b;
-  --bg-tertiary: #0f172a;
-  --bg-hover: rgba(59, 130, 246, 0.15);
-  --bg-active: rgba(59, 130, 246, 0.25);
-  --bg-input: #1e293b;
-  --bg-code: #1e293b;
-  --bg-thinking: #1e293b;
+  /* Dark theme - 保持与浅色模式相同的相对色差 */
+  --bg-primary: #1a1a1a;    /* 聊天框，最浅（对应浅色 #ffffff） */
+  --bg-secondary: #141414;  /* 侧边栏，中等（对应浅色 #f8fafc） */
+  --bg-tertiary: #0a0a0a;   /* 整体背景，最深（对应浅色 #f0f4f8） */
+  --bg-hover: rgba(255, 255, 255, 0.08);
+  --bg-active: rgba(255, 255, 255, 0.12);
+  --bg-input: #141414;
+  --bg-code: #141414;
+  --bg-thinking: #141414;
 
-  --text-primary: #f1f5f9;
-  --text-secondary: #94a3b8;
-  --text-tertiary: #64748b;
+  --text-primary: #f0f0f0;
+  --text-secondary: #a0a0a0;
+  --text-tertiary: #606060;
 
   --border-light: rgba(255, 255, 255, 0.08);
-  --border-medium: rgba(255, 255, 255, 0.1);
+  --border-medium: rgba(255, 255, 255, 0.12);
   --border-input: rgba(255, 255, 255, 0.1);
 
   --accent-primary: #3b82f6;
diff --git a/frontend/src/components/ChatView.vue b/frontend/src/components/ChatView.vue
index d7f9cb4..66c46d8 100644
--- a/frontend/src/components/ChatView.vue
+++ b/frontend/src/components/ChatView.vue
@@ -310,7 +310,7 @@ defineExpose({ scrollToBottom })
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 8px;
+  font-size: 12px;
   font-weight: 700;
   letter-spacing: -0.3px;
   flex-shrink: 0;
diff --git a/frontend/src/components/MessageBubble.vue b/frontend/src/components/MessageBubble.vue
index b884947..016c392 100644
--- a/frontend/src/components/MessageBubble.vue
+++ b/frontend/src/components/MessageBubble.vue
@@ -95,7 +95,7 @@ function copyContent() {
 .user .avatar {
   background: linear-gradient(135deg, #2563eb, #3b82f6);
   color: white;
-  font-size: 9px;
+  font-size: 12px;
   font-weight: 700;
   letter-spacing: -0.3px;
 }
@@ -103,7 +103,7 @@ function copyContent() {
 .assistant .avatar {
   background: var(--avatar-gradient);
   color: white;
-  font-size: 8px;
+  font-size: 12px;
   font-weight: 700;
   letter-spacing: -0.3px;
 }