const colors = {
  darkBlue: '#1C5DE7',
  mediumBlue: '#005EEA',
  lightBlue: '#0097F6',
  blueTxt: '#333740',
  blueGradient:
    'linear-gradient(to right top, #306ded, #2f78f1, #3283f3, #3a8ef6, #4598f7)',
  orangeGradient: 'linear-gradient(to bottom right, #F65A1D, #F68E0E)',
  mediumGrey: '#979797',
  brightGrey: '#9ea7b8',
  lightGrey: '#E3E9F3',
  lightGreyAlpha: 'rgba(0,0,0,0.1)',
  darkOrange: '#F64D0A',
  orangeBorder: 'rgba(255, 0, 0, 0.2)',
  orangeBkgd: 'rgba(255, 0, 0, 0.15)',
  black: '#000000',
  white: '#ffffff',

  // Specific to inputs
  greyPlaceholder: '#919BAE',
  greyIconBkgd: '#FAFAFB',
  greyIconColor: '#B3B5B9',
  blueBorder: '#78caff',
  greyToggle: '#CED3DB',

  // Specific to table
  greyHeader: '#F3F3F4',
  greySubtitle: '#787E8F',
  greyHover: '#F7F8F8',
  greySeparator: '#f1f1f2',

  // Specific to timepicker
  blueIconTxt: '#367CF7',
  blueIconBkgd: '#E8F0FA',

  // Specific to tabs
  greyTabBkgd: '#F2F2F2',
  blueTabBorder: '#1C5DE7',
  greyLink: '#F5F5F5',
};

export default colors;
