UI kit

Use this kit to display and reflect changes to the colors in the Breakerblocks stylesheet

Neutral box

In all these boxes you can read about which css variables styled the contents of the boxes as well as the backgounds of the boxes itself.
bg: var(--bg-shade1)

var(--primary)

bg: var(--primarybg)
Padding: var(--padding-lg)

var(--secondary)

bg: var(--secondarybg)
Padding: var(--padding-sm)

var(--accent)

bg: var(--accentbg)
Padding: var(--padding-lg)
var(--primary-alt)
var(--secondary-alt)
var(--accent-alt)
bg: var(--bg-dark1)
Copyright Ian McAndrew 2026
Privacy Mediamatic