speed-flowchart-web/src/utils/Theme.tsx
Dorian Zedler 1f99528511
All checks were successful
continuous-integration/drone/push Build is passing
Feat: search for comps and dark mode
2022-07-28 18:59:28 +02:00

31 lines
663 B
TypeScript

import { CssBaseline } from '@mui/material';
import { ThemeProvider, createTheme } from '@mui/material/styles';
/**
* Sets a MaterialUi theme for its children
* @param {any} props accepts JSX elements to wrap theme in
* @return {JSX.Element}
*/
export default function Theme(props: { children: JSX.Element }) {
const { children } = props;
const Theme = createTheme({
components: {
MuiToggleButton: {
defaultProps: {
disableRipple: true,
},
},
},
palette: {
mode: 'dark',
},
});
return (
<ThemeProvider theme={Theme}>
<CssBaseline />
{children}
</ThemeProvider>
);
}