mirror of
https://github.com/emsesp/EMS-ESP32.git
synced 2025-12-07 00:09:51 +03:00
48 lines
1001 B
TypeScript
48 lines
1001 B
TypeScript
import { FC } from 'react';
|
|
|
|
import { CssBaseline } from '@mui/material';
|
|
import { createTheme, responsiveFontSizes, ThemeProvider } from '@mui/material/styles';
|
|
import { blueGrey, blue } from '@mui/material/colors';
|
|
|
|
const theme = responsiveFontSizes(
|
|
createTheme({
|
|
typography: {
|
|
fontSize: 13
|
|
},
|
|
palette: {
|
|
mode: 'dark',
|
|
// background: {
|
|
// default: grey[900], // #212121
|
|
// // paper: grey[800]
|
|
// },
|
|
// primary: {
|
|
// main: '#33bfff'
|
|
// },
|
|
secondary: {
|
|
main: blue[500] // in buttons
|
|
},
|
|
info: {
|
|
main: blueGrey[500] // used in icons
|
|
}
|
|
// warning: {
|
|
// main: orange[500]
|
|
// },
|
|
// error: {
|
|
// main: red[200]
|
|
// },
|
|
// success: {
|
|
// main: green[700]
|
|
// }
|
|
}
|
|
})
|
|
);
|
|
|
|
const CustomTheme: FC = ({ children }) => (
|
|
<ThemeProvider theme={theme}>
|
|
<CssBaseline />
|
|
{children}
|
|
</ThemeProvider>
|
|
);
|
|
|
|
export default CustomTheme;
|