Hack Club CSS

Hack Club’s theme implemented as CSS.

GitHub CSS File Fonts (HQ-only)

Containers

container
wide
copy
narrow

Text

heading

ultratitle

title

subtitle

headline

subheadline

eyebrow

lead

caption

This is a whole paragraph of text, include code like this, as well as linked code & regular links. The paragraph ended up being 1 sentence, but now I guess it’s two.

              Here’s a code block! No highlighting to be found.
            

Buttons

Cards

.card
.card .sunken
.card .interactive

Forms

Badges

.pill
.outline-badge

Colours

var(--darker)

var(--dark)

var(--darkless)

var(--black)

var(--steel)

var(--slate)

var(--muted)

var(--smoke)

var(--snow)

var(--white)

var(--red)

var(--orange)

var(--yellow)

var(--green)

var(--blue)

var(--purple)

var(--text)

var(--elevated)

var(--sheet)

var(--sunken)

var(--border)

var(--primary)

var(--secondary)

var(--accent)