forked from cerc-io/laconic-console
Nabarun Gogoi
7d9047581b
* Remove dxos packages * Use published debug and gem-core packages * Update readme after laconicd chain ID change
80 lines
1.6 KiB
JavaScript
80 lines
1.6 KiB
JavaScript
//
|
|
// Copyright 2019 DXOS.org
|
|
//
|
|
|
|
import { createTheme as 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://material-ui.com/system/shadows
|
|
shadows: ['none'],
|
|
|
|
// https://stackoverflow.com/questions/60567673/reactjs-material-ui-theme-mixins-toolbar-offset-is-not-adapting-when-toolbar
|
|
mixins: {
|
|
denseToolbar: {
|
|
height: 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'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|