Foundations
Colour
Three themes, each by day and by night, share one set of names. A component asks for “ink” or “card”, never for a hex value — so switching theme changes everything at once and nothing is left behind.
Three themes, day and night
The same card in each theme by day (top) and by night. Set the whole site from the gear menu.
Glass €384,567.45
+9.4%ActiveOverdue
Soft €384,567.45
+9.4%ActiveOverdue
Plain €384,567.45
+9.4%ActiveOverdue
Glass by night €384,567.45
+9.4%ActiveOverdue
Soft by night €384,567.45
+9.4%ActiveOverdue
Plain by night €384,567.45
+9.4%ActiveOverdue
Surfaces
From the back of the page to the front. Click any swatch to copy its name.
Text
Ink for content, muted for labels, faint for chart axes only.
Lines
Status meanings
Four meanings, the same everywhere. Never use these colours for decoration.
Done
On time, paid, done
--ok-ink · --ok-bg Planning
Planning, due soon
--warn-ink · --warn-bg Overdue
Overdue, over budget
--bad-ink · --bad-bg Active
Active, in progress
--info-ink · --info-bgHues
The raw colours behind status, links and highlights.
Chart palette
Income is blue, expense is orange, everywhere. Series 1–6 in this order.