73 lines
1.3 KiB
TypeScript
73 lines
1.3 KiB
TypeScript
|
import { createTheme } from '@mui/material';
|
||
|
import { grey } from '@mui/material/colors';
|
||
|
import { teal } from 'tailwindcss/colors';
|
||
|
|
||
|
const theme = createTheme({
|
||
|
typography: {
|
||
|
fontSize: 12,
|
||
|
fontFamily: 'Inter, sans-serif',
|
||
|
},
|
||
|
components: {
|
||
|
MuiButton: {
|
||
|
defaultProps: {
|
||
|
size: 'small',
|
||
|
variant: 'contained',
|
||
|
disableElevation: true,
|
||
|
},
|
||
|
styleOverrides: {
|
||
|
root: {
|
||
|
textTransform: 'none',
|
||
|
padding: '6px 20px',
|
||
|
},
|
||
|
},
|
||
|
},
|
||
|
MuiTextField: {
|
||
|
defaultProps: {
|
||
|
variant: 'outlined',
|
||
|
},
|
||
|
},
|
||
|
MuiAppBar: {
|
||
|
styleOverrides: {
|
||
|
root: {
|
||
|
zIndex: 30,
|
||
|
},
|
||
|
},
|
||
|
},
|
||
|
MuiTooltip: {
|
||
|
styleOverrides: {
|
||
|
tooltip: {
|
||
|
fontSize: 12,
|
||
|
},
|
||
|
},
|
||
|
},
|
||
|
MuiDrawer: {
|
||
|
styleOverrides: {
|
||
|
root: {
|
||
|
zIndex: 40,
|
||
|
},
|
||
|
paper: {
|
||
|
border: 'none',
|
||
|
},
|
||
|
},
|
||
|
},
|
||
|
},
|
||
|
});
|
||
|
|
||
|
export const lightTheme = createTheme({
|
||
|
...theme,
|
||
|
palette: {
|
||
|
mode: 'light',
|
||
|
primary: { main: grey[800] },
|
||
|
secondary: { main: teal[600] },
|
||
|
},
|
||
|
});
|
||
|
|
||
|
export const darkTheme = createTheme({
|
||
|
...theme,
|
||
|
palette: {
|
||
|
mode: 'dark',
|
||
|
primary: { main: grey[100] },
|
||
|
secondary: { main: teal[400] },
|
||
|
},
|
||
|
});
|