From c64def90313473b4dfd0babbf54b35a308a3f855 Mon Sep 17 00:00:00 2001
From: fish <zhongpengapp@hotmail.com>
Date: Sun, 3 May 2026 15:42:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B5=85=E8=89=B2=E6=A8=A1=E5=BC=8F=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E9=9D=A2=E6=9D=BF=E4=BD=BF=E7=94=A8=E6=B5=85=E8=89=B2?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 web/frontend/src/App.vue | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/web/frontend/src/App.vue b/web/frontend/src/App.vue
index 78c5bff..2aaf73d 100644
--- a/web/frontend/src/App.vue
+++ b/web/frontend/src/App.vue
@@ -11,6 +11,12 @@ const route = useRoute()
 
 const showLayout = computed(() => route.meta.layout !== 'blank' && !!auth.token)
 
+const menuColors = computed(() =>
+  theme.isDark
+    ? { bg: '#282828', text: '#cfd8e3', active: '#ffffff' }
+    : { bg: '#f9fafb', text: '#1f2937', active: '#0f172a' },
+)
+
 function logout() {
   auth.logout()
   router.replace('/login')
@@ -19,14 +25,14 @@ function logout() {
 
 <template>
   <el-container v-if="showLayout" class="app">
-    <el-aside width="220px" class="aside">
+    <el-aside width="220px" class="aside" :class="{ 'aside-light': !theme.isDark }">
       <div class="brand">期货报告</div>
       <el-menu
         :default-active="route.path"
         router
-        background-color="#282828"
-        text-color="#cfd8e3"
-        active-text-color="#ffffff"
+        :background-color="menuColors.bg"
+        :text-color="menuColors.text"
+        :active-text-color="menuColors.active"
       >
         <el-menu-item index="/scores">打分列表</el-menu-item>
         <el-menu-item index="/chart">K 线 / 持仓</el-menu-item>
@@ -79,6 +85,11 @@ body {
   background: #282828;
   color: #cfd8e3;
 }
+.aside-light {
+  background: #f9fafb;
+  color: #1f2937;
+  border-right: 1px solid var(--el-border-color-light);
+}
 .brand {
   height: 60px;
   display: flex;
@@ -88,6 +99,9 @@ body {
   letter-spacing: 2px;
   border-bottom: 1px solid #3a3a3a;
 }
+.aside-light .brand {
+  border-bottom: 1px solid #e5e7eb;
+}
 .header {
   display: flex;
   justify-content: space-between;