47 lines
1020 B
JavaScript
47 lines
1020 B
JavaScript
|
//
|
||
|
|
// Copyright 2019 DxOS
|
||
|
|
//
|
||
|
|
|
||
|
|
import { createMuiTheme } from '@material-ui/core/styles';
|
||
|
|
import teal from '@material-ui/core/colors/teal';
|
||
|
|
import orange from '@material-ui/core/colors/orange';
|
||
|
|
|
||
|
|
export const createTheme = (theme) => createMuiTheme({
|
||
|
|
|
||
|
|
// https://stackoverflow.com/questions/60567673/reactjs-material-ui-theme-mixins-toolbar-offset-is-not-adapting-when-toolbar
|
||
|
|
mixins: {
|
||
|
|
denseToolbar: {
|
||
|
|
minHeight: 48
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
// https://material-ui.com/customization/globals/#default-props
|
||
|
|
props: {
|
||
|
|
MuiButtonBase: {
|
||
|
|
disableRipple: true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
// https://material-ui.com/customization/palette/
|
||
|
|
palette: theme === 'dark' ? {
|
||
|
|
type: 'dark',
|
||
|
|
primary: orange
|
||
|
|
} : {
|
||
|
|
primary: teal
|
||
|
|
},
|
||
|
|
|
||
|
|
// https://material-ui.com/customization/theming/#theme-configuration-variables
|
||
|
|
|
||
|
|
// https://material-ui.com/customization/globals/
|
||
|
|
overrides: {
|
||
|
|
MuiCssBaseline: {
|
||
|
|
'@global': {
|
||
|
|
body: {
|
||
|
|
margin: 0,
|
||
|
|
overflow: 'hidden'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|