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] },
|
|
},
|
|
});
|