2021-02-23 08:02:15 +01:00
|
|
|
import createMuiTheme from '@material-ui/core/styles/createMuiTheme';
|
2021-01-25 19:39:53 +01:00
|
|
|
|
|
|
|
const theme = createMuiTheme({
|
|
|
|
overrides: {
|
2021-01-28 02:27:19 +01:00
|
|
|
MuiCssBaseline: {
|
|
|
|
'@global': {
|
|
|
|
body: {
|
2021-01-30 09:51:02 +01:00
|
|
|
backgroundColor: 'white',
|
2021-03-01 05:04:51 +01:00
|
|
|
// Important: This size is the min to diplay all pages except maps list.
|
|
|
|
minWidth: '450px'
|
2021-01-28 02:27:19 +01:00
|
|
|
},
|
2021-01-30 09:51:02 +01:00
|
|
|
},
|
2021-01-28 02:27:19 +01:00
|
|
|
},
|
2021-01-25 19:39:53 +01:00
|
|
|
MuiOutlinedInput: {
|
|
|
|
root: {
|
|
|
|
height: '53px',
|
|
|
|
borderRadius: '9px',
|
|
|
|
fontSize: '14px',
|
|
|
|
'& fieldset': {
|
|
|
|
border: 'solid 1px #ffcb66',
|
2021-02-23 07:37:29 +01:00
|
|
|
},
|
2021-01-25 19:39:53 +01:00
|
|
|
'&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
|
|
|
|
borderColor: '#f9a826',
|
2021-02-23 07:37:29 +01:00
|
|
|
},
|
2021-01-25 19:39:53 +01:00
|
|
|
},
|
|
|
|
},
|
|
|
|
MuiInputLabel: {
|
|
|
|
root: {
|
2021-02-23 07:37:29 +01:00
|
|
|
color: '#f9a826',
|
|
|
|
},
|
2021-02-28 08:43:26 +01:00
|
|
|
outlined:{
|
|
|
|
zIndex: 'inherit'
|
|
|
|
}
|
2021-01-25 19:39:53 +01:00
|
|
|
},
|
|
|
|
MuiButton: {
|
|
|
|
root: {
|
|
|
|
fontSize: '15px',
|
|
|
|
fontWeight: 600,
|
|
|
|
whiteSpace: 'nowrap',
|
|
|
|
textTransform: 'none',
|
|
|
|
borderRadius: '9px',
|
|
|
|
padding: '6px 54px 6px 54px',
|
2021-02-23 07:37:29 +01:00
|
|
|
width: '136px',
|
2021-01-25 19:39:53 +01:00
|
|
|
},
|
|
|
|
containedPrimary: {
|
|
|
|
color: 'white',
|
|
|
|
'&:hover': {
|
2021-02-23 07:37:29 +01:00
|
|
|
backgroundColor: 'rgba(249, 168, 38, 0.91)',
|
|
|
|
},
|
2021-02-28 08:43:26 +01:00
|
|
|
}
|
2021-02-23 07:37:29 +01:00
|
|
|
},
|
2021-01-25 19:39:53 +01:00
|
|
|
},
|
|
|
|
typography: {
|
2021-02-23 07:37:29 +01:00
|
|
|
fontFamily: ['Montserrat'].join(','),
|
2021-01-25 19:39:53 +01:00
|
|
|
h4: {
|
|
|
|
color: '#ffa800',
|
2021-02-23 07:37:29 +01:00
|
|
|
fontWeight: 600,
|
2021-01-25 19:39:53 +01:00
|
|
|
},
|
|
|
|
h6: {
|
|
|
|
fontSize: '25px',
|
2021-02-23 07:37:29 +01:00
|
|
|
fontWeight: 'bold',
|
2021-01-25 19:39:53 +01:00
|
|
|
},
|
|
|
|
},
|
|
|
|
palette: {
|
|
|
|
primary: {
|
|
|
|
light: '#ffa800',
|
|
|
|
main: '#ffa800',
|
|
|
|
dark: '#ffa800',
|
|
|
|
contrastText: '#FFFFFF',
|
|
|
|
},
|
|
|
|
secondary: {
|
|
|
|
light: '#FFFFFF',
|
|
|
|
main: '#FFFFFF',
|
|
|
|
dark: '#FFFFFF',
|
|
|
|
contrastText: '#FFFFFF',
|
|
|
|
},
|
2021-02-23 07:37:29 +01:00
|
|
|
},
|
2021-02-23 08:02:15 +01:00
|
|
|
});
|
2021-01-25 19:39:53 +01:00
|
|
|
|
2021-02-23 08:02:15 +01:00
|
|
|
export { theme };
|