Skip to content

feat: add night mode theme with moon and twinkling stars#14

Open
HermesBeck wants to merge 1 commit into
meltylabs:mainfrom
HermesBeck:2-your-first-parallel-agent
Open

feat: add night mode theme with moon and twinkling stars#14
HermesBeck wants to merge 1 commit into
meltylabs:mainfrom
HermesBeck:2-your-first-parallel-agent

Conversation

@HermesBeck
Copy link
Copy Markdown

Summary

  • Adds a night mode theme: 🌙/☀️ toggle button (and n key) that swaps the page to a deep radial-gradient sky with a glowing moon and 8 staggered twinkling stars.
  • Recolors UI accents (tagline, counter, steam, button borders) for legibility on dark, with a 600ms eased background transition.
  • Persists the preference via localStorage (wtc:night) and disables the new animations under prefers-reduced-motion.

Test plan

  • Toggle on/off via button and n key — body class, stars, moon, and stored value all flip in sync.
  • Clicking the night-toggle does not dispatch a train (stopPropagation).
  • Dispatch still works in both modes; reload preserves the chosen theme.

🤖 Generated with Claude Code

Adds a 🌙/☀️ toggle (button + n key) that swaps the page to a deep
radial-gradient sky with a glowing moon and 8 staggered twinkling
stars. Recolors UI accents for legibility on dark, persists the choice
via localStorage, and disables new animations under
prefers-reduced-motion.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants