text: import { createMuiTheme } from '@material-ui/core/styles'
  import { 
    blueGrey,
    lightGreen
   } from '@material-ui/core/colors'
  
  const theme = createMuiTheme({
      palette: {
        primary: {
        light: '#6885e3',
        main: '#2c51c9',
        dark: '#34515e',
        contrastText: '#fff',
      },
      secondary: {
        light: '#e7ff8c',
        main: '#b2ff59',
        dark: '#7ecb20',
        contrastText: '#000',
      },
        openTitle: blueGrey['400'],
        protectedTitle: lightGreen['400'],
        type: 'light'
      }
    })
  
    export default theme