diff --git a/src/core/stores/appStore.ts b/src/core/stores/appStore.ts
index 4ccc3c54..d0ef9bf2 100644
--- a/src/core/stores/appStore.ts
+++ b/src/core/stores/appStore.ts
@@ -48,7 +48,7 @@ export const useAppStore = create<AppState>()((set) => ({
   currentPage: "messages",
   rasterSources: [],
   commandPaletteOpen: false,
-  darkMode: false,
+  darkMode: window.matchMedia('(prefers-color-scheme: dark)').matches,
   accent: "orange",
   connectDialogOpen: false,