From 93b9e84a3716cc2a5df6464f42c84dd73bed23aa Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sun, 20 Jul 2025 21:47:29 +0200
Subject: [PATCH] Fix "pure dark mode" setting visibility

In case the apps theme mode was never changed, the "mui-mode" was never set.
This lead to the "pure black mode" setting to never be visible.
---
 src/modules/core/utils/MediaQuery.tsx       | 5 +----
 src/modules/settings/screens/Appearance.tsx | 2 +-
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/modules/core/utils/MediaQuery.tsx b/src/modules/core/utils/MediaQuery.tsx
index 777f5305..6f1e7d4e 100644
--- a/src/modules/core/utils/MediaQuery.tsx
+++ b/src/modules/core/utils/MediaQuery.tsx
@@ -11,7 +11,6 @@ import { Breakpoint, SxProps, Theme } from '@mui/material/styles';
 import { useCallback, useState } from 'react';
 import { getCurrentTheme } from '@/modules/theme/services/ThemeCreator.ts';
 import { ThemeMode } from '@/modules/theme/contexts/AppThemeContext.tsx';
-import { AppStorage } from '@/lib/storage/AppStorage.ts';
 import { useResizeObserver } from '@/modules/core/hooks/useResizeObserver.tsx';
 
 export class MediaQuery {
@@ -90,9 +89,7 @@ export class MediaQuery {
         return prefersDarkMode ? ThemeMode.DARK : ThemeMode.LIGHT;
     }
 
-    static getThemeMode(): Exclude<ThemeMode, 'system'> {
-        const themeMode = AppStorage.local.getItem('mui-mode') as ThemeMode;
-
+    static getThemeMode(themeMode: ThemeMode): Exclude<ThemeMode, 'system'> {
         const isSystemMode = themeMode === ThemeMode.SYSTEM;
         if (isSystemMode) {
             return this.getSystemThemeMode();
diff --git a/src/modules/settings/screens/Appearance.tsx b/src/modules/settings/screens/Appearance.tsx
index 51bf2571..800d81bf 100644
--- a/src/modules/settings/screens/Appearance.tsx
+++ b/src/modules/settings/screens/Appearance.tsx
@@ -52,7 +52,7 @@ export const Appearance = () => {
         makeToast(t('global.error.label.failed_to_save_changes'), 'error', getErrorMessage(e)),
     );
 
-    const isDarkMode = MediaQuery.getThemeMode() === ThemeMode.DARK;
+    const isDarkMode = MediaQuery.getThemeMode(actualThemeMode) === ThemeMode.DARK;
 
     if (loading) {
         return <LoadingPlaceholder />;