diff --git a/web/src/views/terminal/components/terminal-setting.vue b/web/src/views/terminal/components/terminal-setting.vue
index 852f8b2..5834610 100644
--- a/web/src/views/terminal/components/terminal-setting.vue
+++ b/web/src/views/terminal/components/terminal-setting.vue
@@ -47,6 +47,14 @@
             <el-image class="image" :src="url" />
           </li>
         </ul>
+        <div class="custom_background">
+          <el-input
+            v-model="backgroundUrl"
+            clearable
+            placeholder="自定义背景图片url"
+            autocomplete="on"
+          />
+        </div>
       </el-form-item>
     </el-form>
     <template #footer>
@@ -141,6 +149,9 @@ const changeBackground = (url) => {
     }
   }
 }
+.custom_background {
+  width: 90%;
+}
 .dialog_footer {
   display: flex;
   justify-content: center;
diff --git a/web/src/views/terminal/components/terminal-tab.vue b/web/src/views/terminal/components/terminal-tab.vue
index ba5c452..d2b563a 100644
--- a/web/src/views/terminal/components/terminal-tab.vue
+++ b/web/src/views/terminal/components/terminal-tab.vue
@@ -62,7 +62,7 @@ watch(background, (newVal) => {
       terminalRef.value.style.backgroundImage = `url(${ background.value })`
       // terminalRef.value.style.backgroundImage = `linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(${ background.value })`
     } else {
-      terminal.value.options.theme.background = theme.value.background
+      terminal.value.options.theme = theme.value
       terminalRef.value.style.backgroundImage = null
     }
   })