47 lines
773 B
TypeScript
47 lines
773 B
TypeScript
import deepMerge from 'deepmerge'
|
|
import { red } from '@material-ui/core/colors'
|
|
import {
|
|
createMuiTheme,
|
|
responsiveFontSizes,
|
|
ThemeOptions,
|
|
Theme,
|
|
} from '@material-ui/core/styles'
|
|
|
|
const makeTheme = (variant: ThemeOptions): Theme => {
|
|
const common = {
|
|
palette: {
|
|
primary: {
|
|
main: '#3E3F3A',
|
|
},
|
|
secondary: {
|
|
main: '#19857b',
|
|
},
|
|
error: {
|
|
main: red.A400,
|
|
},
|
|
},
|
|
}
|
|
|
|
const theme = createMuiTheme(deepMerge(common, variant))
|
|
return responsiveFontSizes(theme)
|
|
}
|
|
|
|
const light: ThemeOptions = {
|
|
palette: {
|
|
type: 'light',
|
|
},
|
|
}
|
|
|
|
const dark: ThemeOptions = {
|
|
palette: {
|
|
type: 'dark',
|
|
},
|
|
}
|
|
|
|
const themes = {
|
|
light: makeTheme(light),
|
|
dark: makeTheme(dark),
|
|
}
|
|
|
|
export default themes
|