Extract theme context logic into its own provider

This commit is contained in:
schroda
2025-01-25 19:22:24 +01:00
parent ce6722d584
commit b7fc1ae6ff
8 changed files with 137 additions and 127 deletions

View File

@@ -16,7 +16,7 @@ import ListSubheader from '@mui/material/ListSubheader';
import Switch from '@mui/material/Switch';
import Link from '@mui/material/Link';
import { useColorScheme } from '@mui/material/styles';
import { ThemeMode, ThemeModeContext } from '@/modules/theme/contexts/ThemeModeContext.tsx';
import { ThemeMode, AppThemeContext } from '@/modules/theme/contexts/AppThemeContext.tsx';
import { Select } from '@/modules/core/components/inputs/Select.tsx';
import { MediaQuery } from '@/modules/core/utils/MediaQuery.tsx';
import { NumberSetting } from '@/modules/core/components/settings/NumberSetting.tsx';
@@ -39,7 +39,7 @@ import { useNavBarContext } from '@/modules/navigation-bar/contexts/NavbarContex
export const Appearance = () => {
const { t, i18n } = useTranslation();
const { themeMode, setThemeMode, pureBlackMode, setPureBlackMode } = useContext(ThemeModeContext);
const { themeMode, setThemeMode, pureBlackMode, setPureBlackMode } = useContext(AppThemeContext);
const { mode, setMode } = useColorScheme();
const actualThemeMode = (mode ?? themeMode) as ThemeMode;