message: color family as an array is way better
diff: @@ -13,19 +13,14 @@ const theme = {
  colors: {
  bodytext: '#24292e',
  black: '#1b1f23',
  - gray900: '#24292e',
  - blue500: '#0366d6',
  - green500: '#28a745',
  - yellow500: '#ffd33d',
  - orange500: '#f66a0a',
  - red500: '#d73a49',
  - purple500: '#6f42c1',
  - gray000: '#fafbfc',
  - gray100: '#f6f8fa',
  - gray200: '#e1e4e8',
  - gray300: '#d1d5da',
  - gray400: '#959da5',
  white: '#fff',
  + 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'],
  + yellow: ['#fffdef', '#fffbdd', '#fff5b1', '#ffea7f', '#ffdf5d', '#ffd33d', '#f9c513', '#dbab09', '#b08800', '#735c0f'],
  + orange: ['#fff8f2', '#ffebda', '#ffd1ac', '#ffab70', '#fb8532', '#f66a0a', '#e36209', '#d15704', '#c24e00', '#a04100'],
  + red: ['#ffeef0', '#ffdce0', '#fdaeb7', '#f97583', '#ea4a5a', '#d73a49', '#cb2431', '#b31d28', '#9e1c23', '#86181d'],
  + purple: ['#f5f0ff', '#e6dcfd', '#d1bcf9', '#b392f0', '#8a63d2', '#6f42c1', '#5a32a3', '#4c2889', '#3a1d6e', '#29134e'],
  blackfade15: `rgba(27, 31 ,35, 0.15)`,
  whitefade15: `rgba(255, 255 ,255, 0.15)`
  },
  