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

const darkTheme = createMuiTheme({
    palette: {
        background: {
            dark: '#23272A',
            light: '#2C2F33',
            card: '#2C2F33',
            default: colors.common.white,
            paper: colors.common.white
        },
        primary: {
            main: '#6077E7',
        },
        secondary: {
            main: colors.indigo[500]
        },
        text: {
            primary: '#858a92',
            secondary: colors.blueGrey[600],
            navbar: 'white'
        },
        hover: {
            navbar: '#dae3ff'
        }
    },
    shadows,
    typography,
});

export default darkTheme;