From e2c7a64aff1bd53a7add7804a755fc2f58466000 Mon Sep 17 00:00:00 2001
From: Julian Sommer <115516918+juliansommer@users.noreply.github.com>
Date: Tue, 31 Mar 2026 08:10:59 +1000
Subject: [PATCH] fix: set ui to use dark mode by default

---
 .../spinifexui/frontend/src/components/theme-provider.tsx       | 2 +-
 spinifex/services/spinifexui/frontend/src/main.tsx              | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/spinifex/services/spinifexui/frontend/src/components/theme-provider.tsx b/spinifex/services/spinifexui/frontend/src/components/theme-provider.tsx
index dc59a00cc..ae4d371ea 100644
--- a/spinifex/services/spinifexui/frontend/src/components/theme-provider.tsx
+++ b/spinifex/services/spinifexui/frontend/src/components/theme-provider.tsx
@@ -31,7 +31,7 @@ function getStoredTheme(storageKey: string, defaultTheme: Theme): Theme {
 
 export function ThemeProvider({
   children,
-  defaultTheme = "system",
+  defaultTheme = "dark",
   storageKey = "ui-theme",
 }: ThemeProviderProps) {
   const [theme, setThemeState] = useState<Theme>(() =>
diff --git a/spinifex/services/spinifexui/frontend/src/main.tsx b/spinifex/services/spinifexui/frontend/src/main.tsx
index 9da7ecaf6..2365d22b8 100644
--- a/spinifex/services/spinifexui/frontend/src/main.tsx
+++ b/spinifex/services/spinifexui/frontend/src/main.tsx
@@ -41,7 +41,7 @@ if (rootElement && !rootElement.innerHTML) {
   const root = ReactDOM.createRoot(rootElement)
   root.render(
     <StrictMode>
-      <ThemeProvider defaultTheme="system" storageKey="spinifex-ui-theme">
+      <ThemeProvider defaultTheme="dark" storageKey="spinifex-ui-theme">
         <QueryClientProvider client={queryClient}>
           <AdminProvider>
             <SidebarProvider>