Daylight Signal

A light publication system: faint violet-tinted paper, deep readable ink, one committed violet and a green kept only for genuinely live elements.

--bgoklch(0.976 0.006 290)
--surfaceoklch(1 0 0)
--surface-2oklch(0.945 0.02 290)
--inkoklch(0.22 0.025 290)
--ink-dimoklch(0.44 0.02 290)
--accentoklch(0.5 0.21 290)
--accent-2oklch(0.42 0.19 290)
--goodoklch(0.56 0.14 165)
--warnoklch(0.7 0.13 85)
--badoklch(0.55 0.2 25)

palette.css

/* Daylight Signal - designed and shipped as this site's v2 light system. */
[data-palette="daylight-signal"] {
  --bg: oklch(0.976 0.006 290);
  --surface: oklch(1 0 0);
  --surface-2: oklch(0.945 0.02 290);
  --ink: oklch(0.22 0.025 290);
  --ink-dim: oklch(0.44 0.02 290);
  --accent: oklch(0.5 0.21 290);
  --accent-2: oklch(0.42 0.19 290);
  --good: oklch(0.56 0.14 165);
  --warn: oklch(0.7 0.13 85);
  --bad: oklch(0.55 0.2 25);
}

← The whole kit