feat: add light theme support and enhance LLM configuration UI

2026-02-06 10:24:28 +08:00
parent b177b1e882
commit 427ea6ae8d
6 changed files with 886 additions and 202 deletions
--- a/src/minenasai/webtui/static/webui/index.html
+++ b/src/minenasai/webtui/static/webui/index.html
@@ -12,7 +12,7 @@
    <link rel="stylesheet" href="/webui/css/webui.css">
 </head>
 <body>
-    <div id="app">
+    <div id="app" :class="{ 'theme-light': theme === 'light' }">
        <el-config-provider :locale="zhCn">
            <el-container class="app-container">
                <!-- 侧边栏 -->
@@ -25,8 +25,8 @@
                        :default-active="activeMenu"
                        :collapse="isCollapsed"
                        :collapse-transition="false"
-                        background-color="#1a1b26"
-                        text-color="#c0caf5"
+                        :background-color="theme === 'dark' ? '#1a1b26' : '#ffffff'"
+                        :text-color="theme === 'dark' ? '#c0caf5' : '#303133'"
                        active-text-color="#7aa2f7"
                        @select="handleMenuSelect"
                    >
@@ -71,6 +71,10 @@
                            </el-breadcrumb>
                        </div>
                        <div class="header-right">
+                            <el-button text @click="toggleTheme" :title="theme === 'dark' ? '切换亮色主题' : '切换暗色主题'">
+                                <el-icon v-if="theme === 'dark'"><Sunny /></el-icon>
+                                <el-icon v-else><Moon /></el-icon>
+                            </el-button>
                            <el-tag :type="systemStatus === 'running' ? 'success' : 'danger'" size="small">
                                {{ systemStatus === 'running' ? '运行中' : '异常' }}
                            </el-tag>