export const BernieColors = {
  blue: 'rgb(20, 127, 215)',
  red: 'rgb(245, 91, 91)',
  darkRed: 'rgb(237, 60, 57)',
  green: 'rgb(74, 204, 102)',
  gray: 'rgb(54, 67, 80)'
}

/*
export const BernieStyles = {
  base: {
    color: BernieColors.gray
  },

  button: {
    base: {
      backgroundColor: BernieColors.red,
    },
    hover: {
      backgroundColor: BernieColors.darkRed
    }
  },

  title: {
    color: BernieColors.blue,
    fontSize: 38,
    fontWeight: 500
  },
}
*/
// Use material-ui themes instead
export const BernieColors = {
  blue: 'rgb(20, 127, 215)',
  red: 'rgb(245, 91, 91)',
  darkRed: 'rgb(237, 60, 57)',
  green: 'rgb(74, 204, 102)',
  gray: 'rgb(54, 67, 80)'
}

/*
export const BernieStyles = {
  base: {
    color: BernieColors.gray
  },

  button: {
    base: {
      backgroundColor: BernieColors.red,
    },
    hover: {
      backgroundColor: BernieColors.darkRed
    }
  },

  title: {
    color: BernieColors.blue,
    fontSize: 38,
    fontWeight: 500
  },
}
*/
Add comment