diff --git a/src/index.tsx b/src/index.tsx
index 4bd29bd..69441df 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -6,6 +6,13 @@
 import { RouterProvider } from "react-router";
 import './global.css';
 
+if(localStorage.getItem("theme") === null) {
+    localStorage.setItem("theme", "light");
+    document.body.className="light";
+}else{
+    document.body.className=localStorage.getItem("theme")!;
+}
+
 const root = createRoot(document.getElementById('root')!)
 root.render(
     <Provider store={store}>