Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @hackclub/theme with all npm packages installed. Try it out:

var theme = require("@hackclub/theme")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@hackclub/theme v0.1.2

Hack Club’s theme for Theme UI websites

@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

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free