diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index c3ffe69..1672697 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -2,14 +2,20 @@ import { useEffect } from 'react'
 import { RouterProvider } from 'react-router-dom'
 import { router } from './router'
 import { useAuthStore } from './stores/auth'
+import { useThemeStore } from './stores/theme'
 import './styles/global.css'
 
 export default function App() {
   const loadFromStorage = useAuthStore(s => s.loadFromStorage)
+  const theme = useThemeStore(s => s.theme)
 
   useEffect(() => {
     loadFromStorage()
   }, [loadFromStorage])
 
+  useEffect(() => {
+    document.documentElement.setAttribute('data-theme', theme)
+  }, [theme])
+
   return <RouterProvider router={router} />
 }