All files / src/global colors.ts

100% Statements 4/4
100% Branches 0/0
100% Functions 0/0
100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61            5x                   5x         5x                                           5x                                  
/**
 * @fileoverview Colors global constants, used to style the app.
 * @module colors
 * @description Colors global constants, used to style the app.
 */
 
const mainColors = {
  accent: '#FDC810',
  black: '#000000',
  white: '#FFFFFF',
  dark: '#343434',
  veryLightGrey: '#E6E6E6',
  lightGrey: '#CFCFCF',
  darkGrey: '#646464',
}
 
const textColors = {
  main: mainColors.dark,
  light: mainColors.lightGrey,
}
 
const systemColors = {
  cancelBlue: '#0A7AFF',
}
 
/**
 * @typedef {Object} Colors
 * @property {string} accent
 * @property {string} black
 * @property {string} white
 * @property {string} dark
 * @property {string} veryLightGrey
 * @property {string} lightGrey
 * @property {string} darkGrey
 * @property {Object} text
 * @property {string} text.main
 * @property {string} text.light
 * @property {string} facebook
 * @property {string} google
 * @property {string} apple
 * @property {Object} system
 * @property {String} system.cancelBlue
 */
export const colors = {
  accent: mainColors.accent,
  black: mainColors.black,
  white: mainColors.white,
  dark: mainColors.dark,
  veryLightGrey: mainColors.veryLightGrey,
  lightGrey: mainColors.lightGrey,
  darkGrey: mainColors.darkGrey,
  text: textColors,
  error: '#FF0000',
  facebook: '#3B5998',
  google: '#CBD5E1',
  apple: '#000000',
  system: systemColors,
}
 
export default colors