diff --git a/src/ui/App.tsx b/src/ui/App.tsx
index 8c01fc0..d42c41f 100644
--- a/src/ui/App.tsx
+++ b/src/ui/App.tsx
@@ -4,13 +4,21 @@ import Router, { Route } from "preact-router";
 import TopBar from "@components/TopBar.tsx";
 import Launcher from "@ui/layout/Launcher.tsx";
 
+import { useBackground } from "@backend/stores/mihoyo.ts";
+
 import { PageRoutes } from "@app/constants.ts";
 
 import "@css/App.scss";
 
 function App() {
+    const background = useBackground();
+
     return (
-        <div class={"App"}>
+        <div class={"App"}
+             style={{
+                 backgroundImage: `url(${background})`
+             }}
+        >
             <TopBar />
 
             <Router>