theme.js

import { createMuiTheme } from '@material-ui/core/styles'

export const theme = createMuiTheme({
  overrides: {
    MuiButton: {
      root: {
        borderRadius: 8,
        fontWeight: 'bold',
        boxShadow: 'none'
      }
    }
  },
  palette: {
    background: {
      default: '#0F1561'
    },
    text: {
      primary: '#263238'
    },
    primary: {
      main: '#AA25FF',
      light: '#e161ff',
      dark: '#7300cb'
    },
    secondary: {
      main: '#00BB42',
      light: '#A1E7C1',
      dark: '#00890d'
    }
  },
  typography: {
    fontFamily: '"Quicksand"',
    fontWeightLight: 300,
    fontWeightRegular: 400,
    fontWeightMedium: 500
  }
})