mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2024-12-23 20:13:47 +01:00
80 lines
2.1 KiB
TypeScript
80 lines
2.1 KiB
TypeScript
import { adaptV4Theme, createTheme } from '@mui/material/styles';
|
|
|
|
const theme = createTheme(adaptV4Theme({
|
|
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 20px 6px 20px'
|
|
},
|
|
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 };
|