From 549c47119910ed5b05de82e77f472630424480d9 Mon Sep 17 00:00:00 2001
From: lostelk <lostelkwork@163.com>
Date: Wed, 19 Feb 2025 13:56:50 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20:bug:=20=E4=BC=98=E5=8C=96=E6=A0=B9?=
 =?UTF-8?q?=E6=8D=AE=E4=B8=BB=E9=A2=98=E5=92=8C=E4=BE=A7=E8=BE=B9=E6=A0=8F?=
 =?UTF-8?q?=E9=85=8D=E8=89=B2=E6=96=B9=E6=A1=88=E9=80=89=E6=8B=A9=20navbar?=
 =?UTF-8?q?=20=E5=8F=B3=E4=BE=A7=E7=9A=84=E6=A0=B7=E5=BC=8F=E7=B1=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/NavBar/components/NavbarRight.vue   | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/layout/components/NavBar/components/NavbarRight.vue b/src/layout/components/NavBar/components/NavbarRight.vue
index 959573f4..2d8425fc 100644
--- a/src/layout/components/NavBar/components/NavbarRight.vue
+++ b/src/layout/components/NavBar/components/NavbarRight.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="navbar__right" :class="navbarRightClass">
+  <div :class="['navbar__right', navbarRightClass]">
     <!-- 非手机设备（窄屏）才显示 -->
     <template v-if="!isMobile">
       <!-- 搜索 -->
@@ -35,18 +35,20 @@ import { useAppStore, useSettingsStore } from "@/store";
 
 import UserProfile from "./UserProfile.vue";
 import Notification from "./Notification.vue";
-import { SidebarLightThemeEnum } from "@/enums/ThemeEnum";
+import { SidebarLightThemeEnum, ThemeEnum } from "@/enums/ThemeEnum";
 
 const appStore = useAppStore();
 const settingStore = useSettingsStore();
 
 const isMobile = computed(() => appStore.device === DeviceEnum.MOBILE);
 
-// 根据浅色模式-侧边栏颜色配置选择navbar右侧的样式类
+// 根据主题和侧边栏配色方案选择 navbar 右侧的样式类
 const navbarRightClass = computed(() => {
-  return settingStore.sidebarColorScheme === SidebarLightThemeEnum.DARKBLUE
-    ? "navbar__right--darkBlue"
-    : "navbar__right--white";
+  const isDarkTheme = settingStore.theme === ThemeEnum.DARK;
+  const isDarkBlueSidebar = settingStore.sidebarColorScheme === SidebarLightThemeEnum.DARKBLUE;
+
+  // 如果是暗黑主题，或者是浅色主题中的深蓝色侧边栏配色
+  return isDarkTheme || isDarkBlueSidebar ? "navbar__right--darkBlue" : "navbar__right--white";
 });
 </script>