style: 精简主题提示并优化分镜工具栏与分隔线

src/components/ui/ThemeToggle.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, h, ref } from 'vue'
-import { NButton, NDropdown, NTooltip } from 'naive-ui'
+import { NButton, NDropdown } from 'naive-ui'
 import { Monitor, Moon, Sun } from '@lucide/vue'
 import type { ThemePreference } from '../../composables/useTheme'
 
@@ -23,19 +23,14 @@ function selectTheme(key: string | number) {
 
 <template>
     <NDropdown v-model:show="open" trigger="click" :value="preference" :options="options" @select="selectTheme">
-        <NTooltip :disabled="open">
-            <template #trigger>
-                <NButton
-                    quaternary
-                    class="theme-toggle icon-button"
-                    :aria-label="`主题模式：${current.label}`"
-                    aria-haspopup="menu"
-                    :aria-expanded="open"
-                >
-                    <template #icon><component :is="current.icon" :size="18" aria-hidden="true" /></template>
-                </NButton>
-            </template>
-            {{ current.label }} · 切换主题
-        </NTooltip>
+        <NButton
+            quaternary
+            class="theme-toggle icon-button"
+            :aria-label="`主题模式：${current.label}`"
+            aria-haspopup="menu"
+            :aria-expanded="open"
+        >
+            <template #icon><component :is="current.icon" :size="18" aria-hidden="true" /></template>
+        </NButton>
     </NDropdown>
 </template>

src/components/ui/flatTheme.test.ts

@@ -119,7 +119,7 @@ describe('全站平面主题', () => {
         expect(theme.common?.borderColor).not.toBe('transparent')
         expect(theme.Checkbox).not.toHaveProperty('border')
         expect(theme.Tabs?.barColor).toBe('#07c160')
-        expect(value('.n-tabs', '--n-tab-border-color')).toBe(dark ? '#333333' : '#bfbfbf')
+        expect(value('.n-tabs', '--n-tab-border-color')).toBe(dark ? '#333333' : '#dadada')
     })
 
     it('单图标按钮以当前控件高度为边长，尺寸与内容按钮互不影响', () => {

src/components/ui/layout.test.ts

@@ -2,13 +2,14 @@ import { h } from 'vue'
 import { createMemoryHistory, createRouter } from 'vue-router'
 import { flushPromises, mount, type VueWrapper } from '@vue/test-utils'
 import { afterEach, describe, expect, it, vi } from 'vitest'
-import { NConfigProvider, NDrawer, NDrawerContent, NModal, NScrollbar } from 'naive-ui'
+import { NConfigProvider, NDrawer, NDrawerContent, NModal, NScrollbar, NTooltip } from 'naive-ui'
 import App from '../../App.vue'
 import WorkspacePage from './WorkspacePage.vue'
 import AppDialog from './AppDialog.vue'
 import WorkspaceTools from './WorkspaceTools.vue'
 import ProjectLayout from '../../features/projects/ProjectLayout.vue'
 import ConfirmAction from '../../features/workflows/ConfirmAction.vue'
+import ThemeToggle from './ThemeToggle.vue'
 import { projectsApi } from '../../features/projects/api'
 import { readFileSync } from 'node:fs'
 
@@ -120,6 +121,8 @@ describe('管理后台组件边界', () => {
         expect(wrapper.get('#main-content .workspace-page').text()).toBe('镜头详情')
         expect(wrapper.get('.theme-toggle').text()).toBe('')
         expect(wrapper.get('.theme-toggle').attributes('aria-haspopup')).toBe('menu')
+        expect(wrapper.getComponent(ThemeToggle).findComponent(NTooltip).exists()).toBe(false)
+        expect(wrapper.get('.theme-toggle').attributes('title')).toBeUndefined()
         expect(wrapper.get('.theme-toggle svg').classes()).toContain('lucide-monitor')
         const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
         for (const [key, label, icon] of [