fix(主题/UI): 修复标题栏主题按钮事件链、社区版徽标方案B、侧边栏顶部块清理

- App.vue: WindowTitleBar 补 :theme-mode 与 @toggle-theme 绑定,使标题栏主题按钮真正触发 toggleTheme;watch(themeMode) 补 syncThemePreference() 立即落地 dark 类
- WindowTitleBar.vue: 新增 ThemeToggle 主题切换按钮;社区版标签改为方案B描边霓虹徽章(亮/暗双态)
- AppSidebar.vue: 删除侧边栏顶部 logo/账户菜单/主题切换块,导航容器滚动条还原为 scrollbar-muted,清理相关 script 死代码
This commit is contained in:
xiyidaiwa
2026-08-11 22:45:37 +08:00
parent 7cafcc51f6
commit aef9ccd1ec
4 changed files with 15 additions and 98 deletions
+10 -1
View File
@@ -19,6 +19,10 @@
alt="星火应用商店"
/>
<span class="truncate text-base font-semibold">星火应用商店</span>
<span
class="rounded-full border border-orange-400 bg-orange-50 px-2 py-0.5 text-[10px] font-semibold text-orange-600 dark:border-amber-400/70 dark:bg-amber-400/10 dark:text-amber-300 dark:shadow-[0_0_8px_rgba(251,191,36,0.4)]"
>社区版</span
>
</div>
<!-- 搜索框取代原 AppHeader 里的搜索 -->
@@ -47,8 +51,9 @@
</div>
</div>
<!-- 设置 + 关于 + 窗口控制 -->
<!-- 主题 + 设置 + 关于 + 分隔符 + 窗口控制 -->
<div class="window-titlebar-controls flex shrink-0 items-center gap-1">
<ThemeToggle :theme-mode="themeMode" @toggle="$emit('toggle-theme')" />
<button
type="button"
class="inline-flex h-9 w-9 items-center justify-center rounded-md text-slate-500 transition hover:bg-slate-200/80 dark:text-slate-400 dark:hover:bg-slate-800"
@@ -100,8 +105,11 @@
</template>
<script setup lang="ts">
import ThemeToggle from "./ThemeToggle.vue";
defineProps<{
searchQuery: string;
themeMode: "light" | "dark" | "auto";
}>();
const emit = defineEmits<{
@@ -110,6 +118,7 @@ const emit = defineEmits<{
(e: "spk-link", pkgname: string): void;
(e: "open-install-settings"): void;
(e: "open-about"): void;
(e: "toggle-theme"): void;
(e: "toggle-sidebar"): void;
}>();