ottyl/tickets/048-multi-accent-and-brighter-theme-variants.md

048 — Multi-accent and brighter variants for built-in themes

Summary

webapp/src/lib/themes.ts BUILTIN_THEMES (dark, light, red, green, blue, yellow, pink, orange) are each essentially monotone with a single accent color. The wishlist asks for 2-3 accents per theme, plus brighter variants of the more muted presets — e.g. keep the current "Green" as-is but give it added accents, and introduce a new, brighter "Light Green"; similarly add suitable additional accents to the default "Light" and "Dark" themes.

Scope

• Extend the ThemeVars shape (or the built-in theme records) to carry 2-3 accent colors per theme instead of one, and update anywhere a single accent variable is consumed (charts, buttons, highlights) to pick from the accent set appropriately.
• Add accents to existing "Light" and "Dark" defaults.
• Add accents to existing colour presets (red, green, blue, yellow, pink, orange) without changing their current base look.
• Add new brighter variants alongside the existing muted ones (e.g. "Light Green" alongside "Green"), following the same naming pattern for any other presets that warrant a brighter counterpart.
• Update the settings UI preset picker to list the new theme options.

Acceptance criteria

• Each built-in theme (existing and new) exposes 2-3 accent colors, consumed by at least the chart palette (see ticket 046) so charts visibly use more than one accent per theme.
• New brighter variants (at least "Light Green") are selectable in settings and render distinctly brighter than their muted counterpart.
• Existing theme selections are visually unchanged aside from the added accents (no unrelated base color shifts).

Depends on

None (pairs well with 047, since accents should apply to user-provided/custom styles too where applicable).