import { createMuiTheme } from '@material-ui/core' ; import { amber } from '@material-ui/core/colors' ; const baseTheme = { typography : { allVariants : { userSelect : 'none' , } , body1 : { fontSize : '0.9rem' , } , } , } ; const darkTheme = createMuiTheme ( { ... ( baseTheme as any ) , palette : { type : 'dark' , } , } ) ; const lightTheme = createMuiTheme ( { ... ( baseTheme as any ) , palette : { type : 'light' , background : { default : '#fafafa' , } , primary : { main : '#335C67' , } , secondary : amber , action : { disabledBackground : '#fafafa' , } , } , } ) ; export const themes = { lightTheme , darkTheme , } ;