wisemapping-frontend/packages/webapp/src/theme/index.ts

80 lines
2.1 KiB
TypeScript
Raw Normal View History

2022-02-06 01:42:43 +01:00
import { adaptV4Theme, createTheme } from '@mui/material/styles';
2021-01-25 19:39:53 +01:00
2022-02-06 01:42:43 +01:00
const theme = createTheme(adaptV4Theme({
2021-01-25 19:39:53 +01:00
overrides: {
2021-01-28 02:27:19 +01:00
MuiCssBaseline: {
'@global': {
body: {
2021-01-30 09:51:02 +01:00
backgroundColor: 'white',
// 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',
},
outlined: {
zIndex: 'inherit',
},
2021-01-25 19:39:53 +01:00
},
MuiButton: {
root: {
fontSize: '15px',
fontWeight: 600,
whiteSpace: 'nowrap',
textTransform: 'none',
borderRadius: '9px',
2022-02-06 01:05:49 +01:00
padding: '6px 20px 6px 20px'
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-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: {
2021-03-02 05:59:38 +01:00
light: '#a19f9f',
main: '#5a5a5a',
dark: '#000000',
2021-01-25 19:39:53 +01:00
contrastText: '#FFFFFF',
},
2021-02-23 07:37:29 +01:00
},
2022-02-06 01:42:43 +01:00
}));
2021-01-25 19:39:53 +01:00
export { theme };