eb6bcd9c95
Use Moustache to create template and set config in page. Use babel plugins to process GQL (and fix GQL queries). Added service type.
77 lines
1.5 KiB
JavaScript
77 lines
1.5 KiB
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
|
|
},
|
|
MuiButton: {
|
|
size: 'small'
|
|
},
|
|
MuiFilledInput: {
|
|
margin: 'dense'
|
|
},
|
|
MuiFormControl: {
|
|
margin: 'dense'
|
|
},
|
|
MuiFormHelperText: {
|
|
margin: 'dense'
|
|
},
|
|
MuiIconButton: {
|
|
size: 'small'
|
|
},
|
|
MuiInputBase: {
|
|
margin: 'dense'
|
|
},
|
|
MuiInputLabel: {
|
|
margin: 'dense'
|
|
},
|
|
MuiTable: {
|
|
size: 'small'
|
|
},
|
|
MuiTextField: {
|
|
margin: 'dense'
|
|
},
|
|
MuiToolbar: {
|
|
variant: 'dense'
|
|
}
|
|
},
|
|
|
|
// 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'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|