@hackclub/theme

Theme UI theme for Hack Club

yarn add @hackclub/theme
# npm i @hackclub/theme

Check out theme: theme.hackclub.com

Usage

import { ThemeProvider } from 'theme-ui'
import theme from '@hackclub/theme'

export default ({ children }) => (
  <ThemeProvider theme={theme}>{children}</ThemeProvider>
)

Fonts

This package also bundles 3 CSS files that include Hack Club’s webfonts: reg.css, reg-bold.css, & reg-ital-bold.css. To use, just import straight from the package:

import '@hackclub/theme/fonts/reg-bold.css'

(In a Next.js project, place in the pages/_app.js file.)

MIT License