@muvehealth/fixins/dist/theme/index.js.flow

Component library for Muvehealth

// @flow
const theme = {
  breakpoint: [32, 48, 64, 80, 90],
  borders: [
    0, '1px dashed', '2px solid',
  ],
  space: [0, 4, 8, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96, 104, 112, 120, 128],
  fontSizes: [8, 10, 12, 14, 16, 24, 32, 40, 48, 56, 64],
  fontWeights: {
    normal: 500,
    bold: 600,
    light: 300,
  },
  textStyles: {
    caps: {
      textTransform: 'capitalize',
    },
    uppercase: {
      textTransform: 'uppercase',
    },
  },
  colors: {
    black: '#000000',
    blue: '#1FD4DB',
    brightBlue: '#29FAFF',
    darkBlue: '#1DC1C8',
    darkGray: '#4A4A4A',
    darkGreen: '#5F8F00',
    darkGrey: 'rgba(101, 106, 109, 1)',
    darkerBlue: '#1AAEB4',
    darkestBlue: '#179BA0',
    decalBlue: 'rgba(24, 175, 182, 0.1)',
    error: '#D0021B',
    gray2: 'rgba(0, 0, 0, 0.06)',
    gray: '#C7C7C7',
    lightGreen: '#CAFC68',
    green: '#A6CF56',
    inputGray: '#F0F0F0',
    lightBlue: '#33D7DE',
    lightGray: '#B3B3B3',
    lighterBlue: '#47DBE1',
    lighterGray: '#E6E7E8',
    lightestBlue: '#5CDFE4',
    nearWhiteBlue: '#ECFEFF',
    placeholderGray: '#9B9B9B',
    superLightBlue: '#D2FEFF',
    tealBlue: '#1B8D97',
    textBlue: '#13535F',
    warning: '#FFC113',
    white: '#FFFFFF',
  },
  primaryFont: 'Montserrat, -apple-system, sans-serif',
  secondaryFont: 'Varela Round, -apple-system, sans-serif',
}

export default theme