Full light/dark theme toggle; brand-aware connector lines #29

2026-06-07T11:49:00-04:00

justin commented

2026-06-07 11:49:00 -04:00

Class-based theme with System/Light/Dark toggle (persisted, no-flash). New --line token (Ink-derived) fixes invisible tree connector lines in light mode; applied to family-chart, pedigree, and fan chart. Brand palette only. Frontend, no migration.

justin added 1 commit 2026-06-07 11:49:00 -04:00

Full light/dark theme toggle; brand-aware connector lines e8839b15a0

- Theme is now class-based (.dark on <html>) with a System/Light/Dark toggle in
  the sidebar, persisted to localStorage and applied pre-paint by an inline
  script (no flash). Replaces the prefers-color-scheme-only behavior, so a phone
  on a light OS theme can still choose dark and vice versa.
- New brand-derived --line token (Ink at 55%): a dark line on the light paper,
  light on dark. The family-chart tree connectors had the library's default
  white stroke and were invisible in light mode — now they use --line, as do
  the pedigree brackets and the fan-chart sectors.
- Light/dark tokens use the exact brand palette (Ink/Muted flip; Bronze/Paper
  constant).

Frontend only — no migration.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

justin merged commit 6696015970 into main

2026-06-07 11:49:01 -04:00

justin deleted branch light-dark-theme

2026-06-07 11:49:01 -04:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: justin/provenance#29