From ce00743fe016c01e98dfa1ce0c36f178e9f1df05 Mon Sep 17 00:00:00 2001
From: Arthur Belleville <arthur.belleville@datadoghq.com>
Date: Mon, 14 Jul 2025 18:46:41 +0200
Subject: [PATCH] Change background when not prod

---
 ui/src/App.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

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" />}>