export const primerTheme = {
  borderWidths: [0, '1px'],
  borders: {
    thinBlack: '1px solid #000',
    thickBlack: '4px solid #000',
  },
  borderStyles: ['solid', 'dotted', 'dashed', 'groove'],
  breakpoints: ['544px', '768px', '1012px', '1280px'],
  colors: {
    bodytext: '#24292e',
    black: '#1b1f23',
    white: '#fff',
    gray50: '#24292e88',
    gray: [
      '#fafbfc',
      '#f6f8fa',
      '#e1e4e8',
      '#d1d5da',
      '#959da5',
      '#6a737d',
      '#586069',
      '#444d56',
      '#2f363d',
      '#24292e',
    ],
    blue: [
      '#f1f8ff',
      '#dbedff',
      '#c8e1ff',
      '#79b8ff',
      '#2188ff',
      '#0366d6',
      '#005cc5',
      '#044289',
      '#032f62',
      '#05264c',
    ],
    green: [
      '#f0fff4',
      '#dcffe4',
      '#bef5cb',
      '#85e89d',
      '#34d058',
      '#28a745',
      '#22863a',
      '#176f2c',
      '#165c26',
      '#144620',
    ],
    orange: [
      '#fff8f2',
      '#ffebda',
      '#ffd1ac',
      '#ffab70',
      '#fb8532',
      '#f66a0a',
      '#e36209',
      '#d15704',
      '#c24e00',
      '#a04100',
    ],
    purple: [
      '#f5f0ff',
      '#e6dcfd',
      '#d1bcf9',
      '#b392f0',
      '#8a63d2',
      '#6f42c1',
      '#5a32a3',
      '#4c2889',
      '#3a1d6e',
      '#29134e',
    ],
    red: [
      '#ffeef0',
      '#ffdce0',
      '#fdaeb7',
      '#f97583',
      '#ea4a5a',
      '#d73a49',
      '#cb2431',
      '#b31d28',
      '#9e1c23',
      '#86181d',
    ],
    yellow: [
      '#fffdef',
      '#fffbdd',
      '#fff5b1',
      '#ffea7f',
      '#ffdf5d',
      '#ffd33d',
      '#f9c513',
      '#dbab09',
      '#b08800',
      '#735c0f',
    ],
    pink: [
      '#ffeef8',
      '#fedbf0',
      '#f9b3dd',
      '#f692ce',
      '#ec6cb9',
      '#ea4aaa',
      '#d03592',
      '#b93a86',
      '#99306f',
      '#6d224f',
    ],
    blackfade15: 'rgba(27, 31, 35, 0.15)',
    blackfade20: 'rgba(27, 31, 35, 0.20)',
    blackfade30: 'rgba(27,31,35,0.3)',
    blackfade35: 'rgba(27, 31, 35, 0.35)',
    blackfade50: 'rgba(27, 31, 35, 0.5)',
    whitefade15: 'rgba(255, 255, 255, 0.15)',
    whitefade50: 'rgba(255, 255, 255, 0.50)',
    whitefade70: 'rgba(255, 255, 255, 0.70)',
    state: {
      error: '#d73a49',
      failure: '#d73a49',
      pending: '#dbab09',
      queued: '#dbab09',
      success: '#28a745',
      unknown: '#959da5',
    },
    border: {
      blackFade: 'rgba(27,31,35,0.15)',
      blue: '#0366d6',
      blueLight: '#c8e1ff',
      grayLight: '#eaecef',
      gray: '#e1e4e8',
      grayDark: '#d1d5da',
      grayDarker: '#444d56',
      green: '#34d058',
      greenLight: '#a2cbac',
      purple: '#6f42c1',
      red: '#d73a49',
      redLight: '#cea0a5',
      white: '#fff',
      whiteFade: 'rgba(255,255,255,0.15)',
      yellow: '#d9d0a5',
    },
    counter: {
      bg: 'rgba(27, 31, 35, 0.08)',
    },
    filterList: {
      hoverBg: '#eaecef',
    },
    text: {
      white: '#fff',
      gray: '#586069',
      grayLight: '#6a737d',
      grayDark: '#24292e',
      red: '#cb2431',
    },
    bg: {
      gray: '#f6f8fa',
      grayLight: '#fafbfc',
      grayDark: '#24292e',
      disabled: '#F3F4F6',
    },
    accent: '#f66a0a',
    labels: {
      gray: '#e1e4e8',
      grayText: '#24292e',
      grayDark: '#6a737d',
      grayDarkText: '#24292e',
      blue: '#0366d6',
      blueText: '#0366d6',
      orange: '#f66a0a',
      orangeText: '#e36209',
      green: '#28a745',
      greenText: '#22863a',
      red: '#cb2431',
      redText: '#cb2431',
      yellow: '#f9c513',
      yellowText: '#735c0f',
      pink: '#ec6cb9',
      pinkText: '#d03592',
      purple: '#8a63d2',
      purpleText: [5],
    },
  },
  fonts: {
    normal:
      '-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
    mono: 'SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace',
  },
  fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '40px', '48px'],
  fontWeights: {
    light: 300,
    normal: 400,
    semibold: 500,
    bold: 600,
  },
  lineHeights: {
    condensedUltra: 1,
    condensed: 1.25,
    default: 1.5,
  },
  letterSpacings: { tight: '0.01rem', loose: '0.2rem' },
  radii: ['0', '3px', '6px', '100px'],
  shadows: {
    small: '0 1px 0 rgba(149, 157, 165, 0.1)',
    medium: '0 3px 6px rgba(149, 157, 165, 0.15)',
    large: '0 8px 24px rgba(149, 157, 165, 0.2)',
    'extra-large': '0 12px 48px rgba(149, 157, 165, 0.3)',
    formControl: 'inset 0px 2px 0px rgba(225, 228, 232, 0.2)',
    formControlDisabled: 'inset 0px 2px 0px rgba(220, 227, 237, 0.3)',
    formControlFocus: 'rgba(3, 102, 214, 0.3) 0px 0px 0px 0.2em',
    primaryShadow:
      '0px 1px 0px rgba(20, 70, 32, 0.1), inset 0px 2px 0px rgba(255, 255, 255, 0.03)',
    primaryActiveShadow: 'inset 0px 1px 0px rgba(20, 70, 32, 0.2)',
  },
  sizes: {
    small: '544px',
    medium: '768px',
    large: '1012px',
    xlarge: '1280px',
  },
  space: [
    '0',
    '4px',
    '8px',
    '16px',
    '24px',
    '32px',
    '40px',
    '48px',
    '64px',
    '80px',
    '96px',
    '112px',
    '128px',
  ],
  zIndices: { beneath: -1, normal: 'auto', onTop: 10 },
};