Root cause: the [data-theme-toggle] button existed in ASW's baseof.html
but had no JavaScript attached to it — clicking it did nothing.
Fix:
- static/js/theme-toggle.js — click handler, localStorage persistence,
prefers-color-scheme fallback, dynamic button icon + aria-label
- static/css/garden.css — full html[data-theme="light"] variable block
(garden + ASW tokens) so light mode actually looks different from dark
- layouts/partials/head.html — include theme-toggle.js with defer
Light palette: near-white indigo bg (96%), dark indigo text (20%),
violet accents. ASW's @media (prefers-color-scheme) doesn't match
programmatic data-theme toggle, so garden.css provides duplicating
overrides on html[data-theme="light"].
Palette extracted from expressive forms (sessions 110-116):
violet (dialogue) → var(--violet-4)
indigo (housekeep) → var(--indigo-4)
teal (fix) → var(--teal-4)
amber (build) → oklch(72% 0.12 75)
red (warning) → var(--red-5)
Deep indigo surfaces from context.html (#050810 bg).
Prose constrained to 58ch. Mono typography. Card pattern from
octopus-library pkg-cards. Session fragment colors for future
context-style layouts.
Open Props tokens where they match, oklch where they don't.
ASW is the framework. This is the garden growing in it.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
