import {CSSReset, ThemeProvider, theme} from '@chakra-ui/core'
import React from 'react'

const ConveyalTheme = {
  ...theme,
  fontWeights: {
    normal: 400,
    medium: 500,
    bold: 600
  }
}

export default function ChakraTheme(p) {
  return (
    <ThemeProvider theme={ConveyalTheme}>
      <CSSReset />
      {p.children}
    </ThemeProvider>
  )
}

import {CSSReset, ThemeProvider, theme} from '@chakra-ui/core'
import React from 'react'

const ConveyalTheme = {
  ...theme,
  fontWeights: {
    normal: 400,
    medium: 500,
    bold: 500
  }
}

export default function ChakraTheme(p) {
  return (
    <ThemeProvider theme={ConveyalTheme}>
      <CSSReset />
      {p.children}
    </ThemeProvider>
  )
}

Reduce boldness of headings