theme for styled-system

theme.js

const toPx = value => `${value}px`

export const colors = {
  dark: 'rgb(38, 49, 67)',
  white: 'rgba(255, 255, 255, 1)',
  black: 'rgba(0, 0, 0, 1)'
}

export const space = []

export const size = {
  finger: 46
}

export const sizes = {
  finger: toPx(size.finger)
}

export const fonts = {
  // light: 'Custom-Typeface'
}

export const lineHeights = []

export const fontSize = {
  small: 14,
  normal: 16
}

export const fontSizes = {
  small: toPx(fontSize.small),
  normal: toPx(fontSize.normal)
}

export const radii = {
  zero: 0,
  normal: 3,
  big: 10,
  full: 9999,
}

export default {
  space,
  colors,
  sizes,
  fonts,
  fontSizes,
  lineHeights,
  radii
}