diff options
Diffstat (limited to 'src/AppThemeProvider.jsx')
-rw-r--r-- | src/AppThemeProvider.jsx | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/src/AppThemeProvider.jsx b/src/AppThemeProvider.jsx new file mode 100644 index 00000000..109d25c4 --- /dev/null +++ b/src/AppThemeProvider.jsx @@ -0,0 +1,22 @@ +import React from 'react'; +import { useSelector } from 'react-redux'; +import { ThemeProvider, useMediaQuery } from '@mui/material'; +import theme from './common/theme'; + +const AppThemeProvider = ({ children }) => { + const server = useSelector((state) => state.session.server); + + const serverDarkMode = server?.attributes?.darkMode; + const preferDarkMode = useMediaQuery('(prefers-color-scheme: dark)'); + const darkMode = serverDarkMode !== undefined ? serverDarkMode : preferDarkMode; + + const themeInstance = theme(server, darkMode); + + return ( + <ThemeProvider theme={themeInstance}> + {children} + </ThemeProvider> + ); +}; + +export default AppThemeProvider; |