diff --git a/modules/web/src/store/bookStore.js b/modules/web/src/store/bookStore.js
index 1f011d1f6..4b6283721 100644
--- a/modules/web/src/store/bookStore.js
+++ b/modules/web/src/store/bookStore.js
@@ -53,6 +53,7 @@ export const useBookStore = defineStore("book", {
     theme: (state) => {
       return state.config.theme
     },
+    isDark: (state) => state.config.theme == 6,
   },
   actions: {
     setConnectStatus(connectStatus) {
diff --git a/modules/web/src/views/BookShelf.vue b/modules/web/src/views/BookShelf.vue
index 8b1751d61..e45c6dee2 100644
--- a/modules/web/src/views/BookShelf.vue
+++ b/modules/web/src/views/BookShelf.vue
@@ -84,9 +84,9 @@ import { Search } from "@element-plus/icons-vue";
 import API from "@api";
 
 const store = useBookStore();
-const { connectStatus, connectType, newConnect, shelf, theme } = storeToRefs(store);
+const { connectStatus, connectType, newConnect, shelf, isDark } = storeToRefs(store);
 
-const isNight = computed(() => theme.value == 6);
+const isNight = computed(() => isDark.value);
 
 const readingRecent = ref({
   name: "尚无阅读记录",