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 MacAndrew 2024
Privacy Mediamatic