diff --git a/ui/src/App.tsx b/ui/src/App.tsx
index f824207..3278326 100644
--- a/ui/src/App.tsx
+++ b/ui/src/App.tsx
@@ -24,6 +24,7 @@ import { UserStoreProvider } from "./providers/UserStoreProvider";
 import { ProtectedRoute } from "./components/ProtectedRoute";
 import { JoinPage } from "@ui/pages/join";
 import { CreateEventModal } from "./components/CreateEventModal";
+import { isProd } from "./utils/helpers";
 
 // Register all Community features
 ModuleRegistry.registerModules([AllCommunityModule]);
@@ -35,7 +36,11 @@ export const App = () => {
         <UserStoreProvider>
           <Router>
             <div
-              className={twMerge("min-h-screen bg-white", "dark:bg-gray-900")}
+              className={twMerge(
+                "min-h-screen",
+                !isProd ? "bg-orange-50" : "bg-white",
+                !isProd ? "dark:bg-orange-950" : "dark:bg-gray-900"
+              )}
             >
               <Routes>
                 <Route path="/" element={<ProtectedRoute fallback="/login" />}>