diff --git a/src/core/slices/appSlice.ts b/src/core/slices/appSlice.ts
index 31aa33b1..5727bec7 100644
--- a/src/core/slices/appSlice.ts
+++ b/src/core/slices/appSlice.ts
@@ -28,7 +28,7 @@ const initialState: AppState = {
   mobileNavOpen: false,
   navCollapsed: false,
   connectionModalOpen: true,
-  darkMode: localStorage.getItem('darkMode') === 'true' ?? false,
+  darkMode: localStorage.getItem('darkModeDisabled') !== 'true' ?? false,
   currentPage: 'messages',
   connType: connType.HTTP,
   connectionParams: {
@@ -57,7 +57,7 @@ export const appSlice = createSlice({
       state.connectionModalOpen = false;
     },
     setDarkModeEnabled(state, action: PayloadAction<boolean>) {
-      localStorage.setItem('darkMode', String(action.payload));
+      localStorage.setItem('darkModeDisabled', String(!action.payload));
       state.darkMode = action.payload;
     },
     setCurrentPage(state, action: PayloadAction<currentPageName>) {
diff --git a/src/core/slices/mapSlice.ts b/src/core/slices/mapSlice.ts
index bcbb2aee..c921b98a 100644
--- a/src/core/slices/mapSlice.ts
+++ b/src/core/slices/mapSlice.ts
@@ -26,7 +26,7 @@ const initialState: MapState = {
   accessToken:
     'pk.eyJ1Ijoic2FjaGF3IiwiYSI6ImNrNW9meXozZjBsdW0zbHBjM2FnNnV6cmsifQ.3E4n8eFGD9ZOFo-XDVeZnQ',
   style:
-    localStorage.getItem('darkMode') === 'true'
+    localStorage.getItem('darkModeDisabled') !== 'true'
       ? MapStyles.Dark
       : MapStyles.Light,
   hillShade: false,