23 lines
575 B
TypeScript
23 lines
575 B
TypeScript
|
import {FC, useMemo} from "react";
|
||
|
|
import {createTheme, CssBaseline, ThemeProvider, useMediaQuery} from "@mui/material";
|
||
|
|
|
||
|
|
export const Styling: FC = ({children}) => {
|
||
|
|
const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
|
||
|
|
|
||
|
|
const theme = useMemo(
|
||
|
|
() =>
|
||
|
|
createTheme({
|
||
|
|
palette: {
|
||
|
|
mode: "dark",
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
[prefersDarkMode]
|
||
|
|
);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<ThemeProvider theme={theme}>
|
||
|
|
<CssBaseline/>
|
||
|
|
{children}
|
||
|
|
</ThemeProvider>
|
||
|
|
);
|
||
|
|
};
|