diff --git a/front/composables/useMyAppConfig.ts b/front/composables/useMyAppConfig.ts
index 11607fe..1a5054d 100644
--- a/front/composables/useMyAppConfig.ts
+++ b/front/composables/useMyAppConfig.ts
@@ -6,6 +6,7 @@ const useMyAppConfig = () => {
             site_url: string
             site_icon: string
             site_bg_url: string
+            site_enable_bg: boolean
             version: string
             build_time: number
             features: string[]
diff --git a/front/layouts/default.vue b/front/layouts/default.vue
index 58483a4..df634e9 100644
--- a/front/layouts/default.vue
+++ b/front/layouts/default.vue
@@ -4,13 +4,16 @@ const { locale } = useI18n()
 await useSeo({ locale: locale.value })
 const appConfig = useMyAppConfig()
 const bgUrl = computed(() => appConfig.value?.site_bg_url)
+const enableBg = computed(() => appConfig.value?.site_enable_bg ?? true)
 </script>
 <template>
     <div class="h-screen w-screen">
         <GlobalDrawer />
         <GlobalDayjs />
         <Toaster position="top-center" richColors closeButton />
-        <img class="w-full h-full object-cover absolute inset-0 -z-[1] bg-gradient-to-bl from-primary/40 to-primary" :src="bgUrl" />
+        <div class="w-full h-full absolute inset-0 z-[-1] bg-linear-to-bl from-primary/40 to-primary">
+            <img v-if="enableBg" class="w-full h-full object-cover" :src="bgUrl" />
+        </div>
         <div class="h-full w-full flex flex-col items-center lg:p-10 p-5 overflow-y-auto">
             <Navbar />
             <slot />