import { createTheme, colors } from '@material-ui/core'
import typography from './typography'
import shadows from './shadows'

// Create a theme instance.
const theme = createTheme({
  palette: {
    background: {
      default: '#F4F6F8',
      paper: colors.common.white,
    },
    primary: {
      contrastText: '#ffffff',
      main: '#5664d2',
    },
    text: {
      primary: '#172b4d',
      secondary: '#6b778c',
    },
  },
  shadows,
  typography,
})

export default theme
