text: import { createMuiTheme } from '@material-ui/core/styles'
  import { pink } from '@material-ui/core/colors'
  {/**Color pallet */}
  const theme = createMuiTheme({
      typography: {
        useNextVariants: true,
      },
      palette: {
        primary: {
        light: '#5c67a3',
        main: '#E1BC29',
        dark: '#2e355b',
        contrastText: '#fff',
      },
      secondary: {
        light: '#ff79b0',
        main: '#ff4081',
        dark: '#c60055',
        contrastText: '#000',
      },
        openTitle: '#3f4771',
        protectedTitle: pink['400'],
        type: 'light'
      }
    })
  
    export default theme