All files / components/Heading headingTheme.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    36x                                       36x                                                                    
import colors from '../../theme/colors';
 
const lightThemeHeadingColors = {
  neutral1000: colors.neutral1000,
  neutral800: colors.neutral800,
  neutral600: colors.neutral600,
  primary: colors.primary500,
  success: colors.success500,
  warning: colors.warning500,
  danger: colors.danger500,
};
 
// const darkThemeHeadingColors = {
//   neutral1000: colors.neutral0,
//   neutral800: colors.neutral500,
//   neutral600: colors.neutral600,
//   primary: colors.primary200,
//   success: colors.success200,
//   warning: colors.warning200,
//   danger: colors.danger200,
// };
 
const headingTheme = {
  sizings: {
    h1: {
      fontSize: '3rem',
    },
    h2: {
      fontSize: '2.5rem',
    },
    h3: {
      fontSize: '2rem',
    },
    h4: {
      fontSize: '1.5rem',
    },
    h5: {
      fontSize: '1.25rem',
    },
    h6: {
      fontSize: '1rem',
    },
  },
  opacities: {
    high: 1,
    normal: 0.8,
    low: 0.6,
  },
  colors: lightThemeHeadingColors,
  common: {
    fontWeight: 700,
    fontFamily: 'Lato, Arial, Helvetica, sans-serif',
  },
};
 
export default headingTheme;