export const COLOURS = {
  white: '#FFF',
  whiteDark: '#e9e9f0',
  blue: '#3F77FF',
  blueDark: '#185afb',
  gnosisChainColor: '#07795b',
  goerliColor: 'rgb(47, 153, 242)',
  purple: '#8958FF',
  bgLight: '#edf2f7',
  bgDark: 'linear-gradient(0deg, #21222E 0.05%, #2C2D3F 100%)',
  blackLight: '#181a1b',
  successLight: '#5ca95c',
  successDark: '#00BE2E',
  dangerLight: '#e55353',
  dangerDark: '#eb4025',
  warningLight: '#f1851d',
  warningDark: '#f1851d',
  disabledLightOpaque: '#ffffff80',
  disabledDarkOpaque: '#ffffff80',
  disabledLight: '#31323E',
  disabledDark: '#31323E',
  mainGradient: 'linear-gradient(270deg, #8958FF 0%, #3F77FF 100%)',
  mainGradientDarker: 'linear-gradient(270deg, #6a2cff 0%, #185afb 100%)',
  fadedGreyishWhite: 'rgba(141, 141, 169, 0.08)',
  fadedGreyishWhiteOpacity: 'rgba(141, 141, 169, 0.3)',
}
