54 lines
1.2 KiB
TypeScript
54 lines
1.2 KiB
TypeScript
import { createTheme } from '@mui/material/styles';
|
|
|
|
const theme = createTheme({
|
|
palette: {
|
|
mode: 'dark',
|
|
primary: {
|
|
main: '#00a4dc'
|
|
},
|
|
secondary: {
|
|
main: '#aa5cc3'
|
|
},
|
|
background: {
|
|
default: '#101010',
|
|
paper: '#202020'
|
|
},
|
|
action: {
|
|
selectedOpacity: 0.2
|
|
}
|
|
},
|
|
typography: {
|
|
fontFamily: '"Noto Sans", sans-serif',
|
|
button: {
|
|
textTransform: 'none'
|
|
}
|
|
},
|
|
components: {
|
|
MuiButton: {
|
|
defaultProps: {
|
|
variant: 'contained'
|
|
}
|
|
},
|
|
MuiFormControl: {
|
|
defaultProps: {
|
|
variant: 'filled'
|
|
}
|
|
},
|
|
MuiTextField: {
|
|
defaultProps: {
|
|
variant: 'filled'
|
|
}
|
|
},
|
|
MuiListSubheader: {
|
|
styleOverrides: {
|
|
root: {
|
|
// NOTE: Added for drawer subheaders, but maybe it won't work in other cases?
|
|
backgroundColor: 'inherit'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
export default theme;
|