diff --git a/src/assets/logo-jubian-light.png b/src/assets/logo-jubian-light.png
new file mode 100644
index 0000000..c8e0804
Binary files /dev/null and b/src/assets/logo-jubian-light.png differ
diff --git a/src/components/AppLayout/AppLayout.vue b/src/components/AppLayout/AppLayout.vue
index f5798ea..e8a4d90 100644
--- a/src/components/AppLayout/AppLayout.vue
+++ b/src/components/AppLayout/AppLayout.vue
@@ -11,6 +11,9 @@ import { computed, onMounted, ref } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import ThemePicker from '@/components/ThemePicker/ThemePicker.vue'
 import { useUserStore } from '@/stores/user'
+import { useThemeStore } from '@/stores/theme'
+import logoUrl from '@/assets/logo-jubian.png'
+import logoLightUrl from '@/assets/logo-jubian-light.png'
 import { useMenuStore, type MenuItem } from '@/stores/menu'
 import {
   Odometer, Box, Document, ChatLineSquare, ChatDotRound, OfficeBuilding,
@@ -24,6 +27,8 @@ import {
 const router = useRouter()
 const route = useRoute()
 const userStore = useUserStore()
+const themeStore = useThemeStore()
+const logoSrc = computed(() => themeStore.current === 'dark' ? logoLightUrl : logoUrl)
 const menuStore = useMenuStore()
 
 const collapsed = computed(() => menuStore.collapsed)
@@ -236,7 +241,7 @@ onMounted(loadBadges)
     <aside class="rr-sidebar">
       <!-- 品牌 + 搜索框(只在展开时显示) -->
       <div class="rr-sidebar-brand" v-if="!collapsed">
-        <img class="rr-sidebar-logo" src="@/assets/logo-jubian.png" alt="巨变" />
+        <img class="rr-sidebar-logo" :src="logoSrc" alt="巨变" />
         <span class="rr-sidebar-name">产业互联网平台运营后台</span>
       </div>
 
diff --git a/src/modules/auth/LoginView.vue b/src/modules/auth/LoginView.vue
index a87365d..64e2a56 100644
--- a/src/modules/auth/LoginView.vue
+++ b/src/modules/auth/LoginView.vue
@@ -17,11 +17,15 @@ import qs from 'qs'
 import axios from 'axios'
 import { useUserStore } from '@/stores/user'
 import { useThemeStore } from '@/stores/theme'
+import { computed } from 'vue'
+import logoUrl from '@/assets/logo-jubian.png'
+import logoLightUrl from '@/assets/logo-jubian-light.png'
 
 const router = useRouter()
 const route = useRoute()
 const userStore = useUserStore()
 const themeStore = useThemeStore()
+const logoSrc = computed(() => themeStore.current === 'dark' ? logoLightUrl : logoUrl)
 
 const form = reactive({
   username: 'admin',
@@ -99,7 +103,7 @@ async function onLogin() {
       <!-- 左 65%: 品牌区 -->
       <div class="rr-login-left">
         <div class="rr-login-brand">
-          <img class="rr-login-logo" src="@/assets/logo-jubian.png" alt="巨变" />
+          <img class="rr-login-logo" :src="logoSrc" alt="巨变" />
           <div class="rr-login-product-name">产业互联网平台运营后台</div>
         </div>