Themes / Daylight Ink
Daylight Ink
Accessibility baseline — AAA contrast, unmistakable focus
#fdfdfb #111111 #1d4ed8 #f5c400
About this theme
An accessibility-first theme engineered for WCAG AAA body text: true-black-equivalent ink on paper white, cobalt links, and a warning-yellow reserved for focus states. Every content/background pair clears 7:1 contrast.
Apply it
Paste into update_theme. Fonts stay system or one restrained pairing (Archivo + Public Sans) — legibility is the aesthetic.
Where it works
Government, healthcare, education, documentation for broad audiences — and as a baseline audit theme: run your design against these tokens to see what contrast you've been missing.
Notes
- Focus ring uses
--color-warning at 3px offset — impossible to miss.
- Never darken base-content below 0.1 lightness; never tint backgrounds with chroma > 0.02.
- Test with
prefers-reduced-motion on: this theme pairs best with near-zero animation.
CSS Paste into update_theme
color-scheme: light;
--color-base-100: oklch(0.99 0.002 100);
--color-base-200: oklch(0.96 0.004 100);
--color-base-300: oklch(0.9 0.006 100);
--color-base-content: oklch(0.13 0.005 270);
--color-primary: oklch(0.45 0.19 262);
--color-primary-content: oklch(0.99 0.002 100);
--color-secondary: oklch(0.35 0.05 155);
--color-secondary-content: oklch(0.99 0.002 100);
--color-accent: oklch(0.82 0.17 95);
--color-accent-content: oklch(0.13 0.005 270);
--color-neutral: oklch(0.22 0.005 270);
--color-neutral-content: oklch(0.98 0.002 100);
--color-info: oklch(0.42 0.14 250);
--color-info-content: oklch(0.99 0.002 100);
--color-success: oklch(0.38 0.09 150);
--color-success-content: oklch(0.99 0.002 100);
--color-warning: oklch(0.82 0.17 95);
--color-warning-content: oklch(0.13 0.005 270);
--color-error: oklch(0.42 0.2 27);
--color-error-content: oklch(0.99 0.002 100);
--radius-selector: 0.25rem;
--radius-field: 0.25rem;
--radius-box: 0.25rem;
--size-selector: 0.25rem;
--size-field: 0.25rem;
--border: 1px;
--depth: 0;
--noise: 0;