2021-02-16 19:05:41 +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-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',
|
|
|
|
},
|
|
|
|
'&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
|
|
|
|
borderColor: '#f9a826',
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
MuiInputLabel: {
|
|
|
|
root: {
|
|
|
|
color: '#f9a826'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
MuiButton: {
|
|
|
|
root: {
|
|
|
|
fontSize: '15px',
|
|
|
|
fontWeight: 600,
|
|
|
|
whiteSpace: 'nowrap',
|
|
|
|
textTransform: 'none',
|
|
|
|
borderRadius: '9px',
|
|
|
|
padding: '6px 54px 6px 54px',
|
|
|
|
width: '136px'
|
|
|
|
},
|
|
|
|
containedPrimary: {
|
|
|
|
color: 'white',
|
|
|
|
'&:hover': {
|
|
|
|
backgroundColor: 'rgba(249, 168, 38, 0.91)'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
textPrimary: {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
typography: {
|
|
|
|
fontFamily: [
|
|
|
|
'Montserrat'
|
|
|
|
].join(','),
|
|
|
|
h4: {
|
|
|
|
color: '#ffa800',
|
|
|
|
fontWeight: 600
|
|
|
|
},
|
|
|
|
h6: {
|
|
|
|
fontSize: '25px',
|
|
|
|
fontWeight: 'bold'
|
|
|
|
},
|
|
|
|
},
|
|
|
|
palette: {
|
|
|
|
primary: {
|
|
|
|
light: '#ffa800',
|
|
|
|
main: '#ffa800',
|
|
|
|
dark: '#ffa800',
|
|
|
|
contrastText: '#FFFFFF',
|
|
|
|
},
|
|
|
|
secondary: {
|
|
|
|
light: '#FFFFFF',
|
|
|
|
main: '#FFFFFF',
|
|
|
|
dark: '#FFFFFF',
|
|
|
|
contrastText: '#FFFFFF',
|
|
|
|
},
|
|
|
|
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2021-02-15 01:33:36 +01:00
|
|
|
export {theme };
|
2021-01-25 19:39:53 +01:00
|
|
|
|