45 lines
908 B
TypeScript
45 lines
908 B
TypeScript
|
import { experimental_extendTheme as extendTheme } from '@mui/material/styles'
|
||
|
|
|
||
|
|
// For the reference of theme customization guide visit
|
||
|
|
// https://mui.com/material-ui/experimental-api/css-theme-variables/customization/
|
||
|
|
|
||
|
|
export const theme = extendTheme({
|
||
|
|
colorSchemes: {
|
||
|
|
light: {
|
||
|
|
palette: {
|
||
|
|
primary: {
|
||
|
|
main: '#291334'
|
||
|
|
},
|
||
|
|
info: {
|
||
|
|
main: '#3abff8'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
dark: {
|
||
|
|
// palette for dark mode
|
||
|
|
// palette: {...}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
MuiButton: {
|
||
|
|
styleOverrides: {
|
||
|
|
root: {
|
||
|
|
borderRadius: '2rem'
|
||
|
|
},
|
||
|
|
contained: {
|
||
|
|
':hover': {
|
||
|
|
background: '#150a1a'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
outlined: {
|
||
|
|
':hover': {
|
||
|
|
color: '#291334',
|
||
|
|
borderColor: '#291334',
|
||
|
|
background: '#29133433'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|