aboutsummaryrefslogtreecommitdiffstats
path: root/subprojects/frontend/src/theme/ThemeProvider.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'subprojects/frontend/src/theme/ThemeProvider.tsx')
-rw-r--r--subprojects/frontend/src/theme/ThemeProvider.tsx8
1 files changed, 3 insertions, 5 deletions
diff --git a/subprojects/frontend/src/theme/ThemeProvider.tsx b/subprojects/frontend/src/theme/ThemeProvider.tsx
index 7bda1ede..ff97d524 100644
--- a/subprojects/frontend/src/theme/ThemeProvider.tsx
+++ b/subprojects/frontend/src/theme/ThemeProvider.tsx
@@ -6,7 +6,6 @@ import {
6 type ThemeOptions, 6 type ThemeOptions,
7 ThemeProvider as MaterialUiThemeProvider, 7 ThemeProvider as MaterialUiThemeProvider,
8 type TypographyStyle, 8 type TypographyStyle,
9 useTheme,
10 type CSSObject, 9 type CSSObject,
11} from '@mui/material/styles'; 10} from '@mui/material/styles';
12import { observer } from 'mobx-react-lite'; 11import { observer } from 'mobx-react-lite';
@@ -350,15 +349,14 @@ export function ContrastThemeProvider({
350}: { 349}: {
351 children?: ReactNode; 350 children?: ReactNode;
352}): JSX.Element { 351}): JSX.Element {
353 const theme = useTheme();
354 const contrastTheme = useContext(ContrastThemeContext); 352 const contrastTheme = useContext(ContrastThemeContext);
355 if (!contrastTheme) { 353 if (!contrastTheme) {
356 throw new Error('ContrastThemeProvider must be used within ThemeProvider'); 354 throw new Error('ContrastThemeProvider must be used within ThemeProvider');
357 } 355 }
358 return ( 356 return (
359 <ThemeAndContrastThemeProvider theme={contrastTheme} contrastTheme={theme}> 357 <MaterialUiThemeProvider theme={contrastTheme}>
360 {children} 358 {children}
361 </ThemeAndContrastThemeProvider> 359 </MaterialUiThemeProvider>
362 ); 360 );
363} 361}
364 362
@@ -378,7 +376,7 @@ const ThemeProvider = observer(function ThemeProvider({
378 return ( 376 return (
379 <ThemeAndContrastThemeProvider 377 <ThemeAndContrastThemeProvider
380 theme={darkMode ? darkTheme : lightTheme} 378 theme={darkMode ? darkTheme : lightTheme}
381 contrastTheme={darkMode ? lightTheme : darkTheme} 379 contrastTheme={darkTheme}
382 > 380 >
383 {children} 381 {children}
384 </ThemeAndContrastThemeProvider> 382 </ThemeAndContrastThemeProvider>