All files / components/Typography typographyTheme.js

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

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 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 992x                                               2x                                                                                                                                                    
export const typographyDarkTheme = {
  colors: {
    neutral: '#fff',
    primary: '#42A5F5',
    success: '#66BB6A',
    warning: '#FFEE58',
    danger: '#FF8A65',
  },
  onBackground: {
    primary: {
      neutral: '#161616',
    },
    success: {
      neutral: '#161616',
    },
    warning: {
      neutral: '#161616',
    },
    danger: {
      neutral: '#161616',
    },
  },
};
 
export const typographyBaseTheme = {
  baseFontSize: 16,
  baseLineHeight: 1.5,
  opacities: {
    high: 1,
    medium: 0.8,
    low: 0.6,
  },
  colors: {
    neutral: '#161616',
    primary: '#1E88E5',
    success: '#43A047',
    warning: '#FDD835',
    danger: '#F4511E',
  },
  onBackground: {
    primary: {
      neutral: '#fff',
    },
    success: {
      neutral: '#fff',
    },
    warning: {
      neutral: '#161616',
    },
    danger: {
      neutral: '#fff',
    },
  },
  text: {
    sizings: {
      l: {
        fontSize: '1.25rem',
      },
      m: {
        fontSize: '1rem',
      },
      s: {
        fontSize: '.875rem',
      },
      xs: {
        fontSize: '.75rem',
      },
    },
    common: {
      fontFamily: `'Inter var', sans-serif`,
    },
  },
  heading: {
    sizings: {
      h1: {
        fontSize: '3rem',
      },
      h2: {
        fontSize: '2.5rem',
      },
      h3: {
        fontSize: '2rem',
      },
      h4: {
        fontSize: '1.5rem',
      },
      h5: {
        fontSize: '1.25rem',
      },
      h6: {
        fontSize: '1rem',
      },
    },
    common: {
      fontFamily: `'Inter var', sans-serif`,
    },
  },
};