Color

A creamy lab bench, a sticky-note yellow chrome, near-black ink, and a single semantic green for "go." Every fill below is background: var(--token) — the displayed hex is read live from getComputedStyle at page load.

Lab bench & ink

--color-bg
—
--color-surface
—
--color-surface-hover
—
--color-text
—
--color-text-secondary
—
--color-text-tertiary
—

Yellow stick & "go" green

--color-yellow-sticky
—
--color-yellow-hover
—
--color-success
—
--color-success-hover
—
--color-success-border
—
--widget-bar-color
—

Status & alert

--color-warning
—
--color-error
—
--color-highlight
—
--color-highlight-light
—

Greys

--color-gray-100
—
--color-gray-600
—
--color-gray-700
—