wisemapping-frontend/packages/webapp/src/theme/index.ts
Ezequiel Vega 6c5bff906a Merged in migration (pull request #4)
Migration

* README.md was updated and the webpack was modified in package web2d
* README.md was updated and the webpack was modified in package mindplot
* Merge branch 'develop' of https://bitbucket.org/lilabyus/wisemapping-frontend into develop
* Mindplot module script correction
* Pull branch develop remote
* Webcomponent module webpack correction
* Pull branch develop
* Material-ui library correction and cypress test correction
* Script correction
* Cypress test correction
2021-10-02 16:16:20 +00:00

81 lines
2.1 KiB
TypeScript

import createMuiTheme from '@material-ui/core/styles/createTheme';
const theme = createMuiTheme({
overrides: {
MuiCssBaseline: {
'@global': {
body: {
backgroundColor: 'white',
// Important: This size is the min to diplay all pages except maps list.
minWidth: '450px',
},
},
},
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',
},
outlined: {
zIndex: 'inherit',
},
},
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)',
},
},
},
},
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: '#a19f9f',
main: '#5a5a5a',
dark: '#000000',
contrastText: '#FFFFFF',
},
},
});
export { theme };