From ba60bc3c1432ed201b9c1fae56ebe510b4aa235a Mon Sep 17 00:00:00 2001
From: MistyMoon <33083971+MistyMoonR@users.noreply.github.com>
Date: Sun, 10 May 2026 10:41:43 +0800
Subject: [PATCH] fix(@vben/layouts): correct logo theme in semi-dark sidebar
 (#7785) (#7902)

---
 packages/effects/layouts/src/basic/layout.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/effects/layouts/src/basic/layout.vue b/packages/effects/layouts/src/basic/layout.vue
index aba886990..88951eacb 100644
--- a/packages/effects/layouts/src/basic/layout.vue
+++ b/packages/effects/layouts/src/basic/layout.vue
@@ -43,6 +43,7 @@ const {
   isHeaderNav,
   isMixedNav,
   isMobile,
+  isSideMode,
   isSideMixedNav,
   isHeaderMixedNav,
   isHeaderSidebarNav,
@@ -108,6 +109,15 @@ const showHeaderNav = computed(() => {
   );
 });
 
+const logoTheme = computed(() => {
+  const showLogoInHeader =
+    !isSideMode.value ||
+    isHeaderSidebarNav.value ||
+    isMixedNav.value ||
+    isMobile.value;
+  return showLogoInHeader ? headerTheme.value : sidebarTheme.value;
+});
+
 const {
   handleMenuSelect,
   handleMenuOpen,
@@ -282,7 +292,7 @@ const headerSlots = computed(() => {
         :src="preferences.logo.source"
         :src-dark="preferences.logo.sourceDark"
         :text="preferences.app.name"
-        :theme="showHeaderNav ? headerTheme : theme"
+        :theme="logoTheme"
         @click="clickLogo"
       >
         <template v-if="$slots['logo-text']" #text>