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

const theme = createMuiTheme({
    palette: {
        background: {
            dark: '#F4F6F8',
            card: 'white',
            light: '#EFF2F7',
            default: colors.common.white,
            paper: colors.common.white
        },
        primary: {
            main: '#6077E7',
        },
        secondary: {
            main: colors.indigo[500]
        },
        text: {
            primary: '#1D2445',
            secondary: colors.blueGrey[600],
            navbar: 'white'
        },
        hover: {
            navbar: '#dae3ff'
        }
    },
    shadows,
    typography
});

export default theme;