Seasonal: Halloween redesign (#239), needs human approval #242

Merged
jared merged 2 commits from seasonal/halloween into lotus 2026-09-25 15:33:53 -04:00
Owner

For #239. Do not merge without human review. Only a human approves this and closes #239.

What changed

  • Removed: the full-screen purple wash, the fog and the blurred green "moon". The moon sat over the member list and made it unreadable, including with reduced motion and on phones. As with Autumn, the app now looks like itself.
  • Corner cobwebs: threads radiate from the corner with sagging catch-rings. They're thin, readable in both themes, and smaller on phones.
  • A spider on a thread: it hangs in the empty space under the member list (near the top on phones), bobbing and swaying.
  • Bats: every 30 s (the first ~5 s after load), a group of four flaps across the top of the screen. They use a real bat silhouette, and the wing beat no longer flattens them into dashes.
  • A ghost: every 50 s (the first ~16 s after load), a small ghost rises and fades. It has an outline so it shows on light themes, and it's see-through, so text stays readable as it passes (checked on a phone, where it crossed a message).
  • Theme-aware colour: silhouettes are dark on light themes and a pale dusk-violet on dark themes, because a black bat on a black theme is invisible.
  • Reduced motion: the webs and the spider at rest; no bats or ghost.
  • Settings thumbnail: a night sky with a crescent moon, a bat across it and a corner web.
  • Performance: 60 fps with the theme on and off; the 95th-percentile frame is 16.7 ms either way.

Rendered and looked at

Three passes, each judged on screenshots in light, dark, phone and reduced motion, captured at the moments the bats and ghost are on screen.

Light: before, then bats at 8 s, then the ghost at 19 s
light

Dark: before vs after
dark

Reduced motion and phone (before / after / before / after)
reduced and phone

Close-ups: the bats, and the ghost over the timeline
bats ghost

Settings thumbnail
tile

For the reviewer

  • Bats cross the header and the ghost crosses text for a few seconds each. Both are occasional, and the ghost is see-through.
  • The webs' thin threads cross the Home badge and the members close button (they're purely decorative, so clicks go straight through).
  • Is this "Halloween enough"? It is restrained on purpose. Pumpkins were left out because every candidate spot lands on UI.

Unit tests pass (1,245).

🤖 Generated with Claude Code

https://claude.ai/code/session_01PPmy3tPq869XDW4njjVaKA

For #239. **Do not merge without human review.** Only a human approves this and closes #239. ### What changed - **Removed:** the full-screen purple wash, the fog and the blurred green "moon". The moon sat over the member list and made it unreadable, including with reduced motion and on phones. As with Autumn, the app now looks like itself. - **Corner cobwebs:** threads radiate from the corner with sagging catch-rings. They're thin, readable in both themes, and smaller on phones. - **A spider on a thread:** it hangs in the empty space under the member list (near the top on phones), bobbing and swaying. - **Bats:** every 30 s (the first ~5 s after load), a group of four flaps across the top of the screen. They use a real bat silhouette, and the wing beat no longer flattens them into dashes. - **A ghost:** every 50 s (the first ~16 s after load), a small ghost rises and fades. It has an outline so it shows on light themes, and it's see-through, so text stays readable as it passes (checked on a phone, where it crossed a message). - **Theme-aware colour:** silhouettes are dark on light themes and a pale dusk-violet on dark themes, because a black bat on a black theme is invisible. - **Reduced motion:** the webs and the spider at rest; no bats or ghost. - **Settings thumbnail:** a night sky with a crescent moon, a bat across it and a corner web. - **Performance:** 60 fps with the theme on and off; the 95th-percentile frame is 16.7 ms either way. ### Rendered and looked at Three passes, each judged on screenshots in light, dark, phone and reduced motion, captured at the moments the bats and ghost are on screen. **Light: before, then bats at 8 s, then the ghost at 19 s** ![light](https://code.lotusguild.org/attachments/c78dd476-2971-4b9c-b214-5829e6c30da9) **Dark: before vs after** ![dark](https://code.lotusguild.org/attachments/cce8d9e0-5571-41bd-b692-bd0c1f45da10) **Reduced motion and phone** (before / after / before / after) ![reduced and phone](https://code.lotusguild.org/attachments/e88b7b91-3e14-46aa-88c5-a3b1a2f95b94) **Close-ups: the bats, and the ghost over the timeline** ![bats](https://code.lotusguild.org/attachments/d0cb2985-aee1-4419-ad29-ece4b9c38544) ![ghost](https://code.lotusguild.org/attachments/846934c5-410e-4f1e-9247-96d6ade08fb4) **Settings thumbnail** ![tile](https://code.lotusguild.org/attachments/d850b6e4-335b-4a2a-9a7c-3b0407db58cf) **For the reviewer** - Bats cross the header and the ghost crosses text for a few seconds each. Both are occasional, and the ghost is see-through. - The webs' thin threads cross the Home badge and the members close button (they're purely decorative, so clicks go straight through). - Is this "Halloween enough"? It is restrained on purpose. Pumpkins were left out because every candidate spot lands on UI. Unit tests pass (1,245). 🤖 Generated with [Claude Code](https://claude.com/claude-code) https://claude.ai/code/session_01PPmy3tPq869XDW4njjVaKA
jared added 1 commit 2026-09-25 14:51:04 -04:00
feat(seasonal): Halloween redesign — webs, a spider, bats, a ghost; no tint (#239)
CI / Build & Quality Checks (pull_request) Successful in 1m36s
CI / Trigger Desktop Build (pull_request) Skipped
CI / Docker image build & smoke test (pull_request) Skipped
CI / Secret scan (gitleaks) (pull_request) Successful in 13s
CI / Playwright smoke (e2e) (pull_request) Canceled after 31s
14731f2229
Draft for human review (#239 must be approved and closed by a human).

- Removed the full-screen purple wash, fog and the blurred green "moon" that
  sat over the member list and made it unreadable.
- Corner cobwebs (generated radial threads + sagging rings), thin and
  readable in both themes, smaller on phones.
- A spider on a thread in the empty space under the member list (near the
  top on phones), bobbing and swaying.
- Every 30 s a group of four bats flaps across the top of the screen (a real
  bat silhouette; wing beat without flattening them into dashes).
- Every 50 s a small, see-through ghost rises and fades (outlined so it
  shows on light themes; text stays readable through it).
- Theme-aware ink via --hw-ink/--hw-web: dark silhouettes on light themes,
  pale dusk-violet on dark ones.
- Reduced motion: webs and the spider at rest. Settings swatch: night sky,
  crescent moon with a bat across it, a corner web.

Rendered and inspected: light/dark/phone at the bat and ghost moments,
reduced on desktop and phone, the Settings swatch; 60 fps on vs off.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01PPmy3tPq869XDW4njjVaKA
Author
Owner

More going on (PR #242, now at the latest commit)

Jared felt the first pass was too sparse for a full theme, and the numbers agreed: most of the time only two webs and a spider were on screen. Added:

  • Will-o'-the-wisps: six soft green and orange glows that wander and pulse. They're always there while the theme animates. They're left out of the still (reduced-motion) scene because I tried it, and still glows sat permanently on a room name, a message and a timestamp.
  • A witch on a broomstick: crosses just below the header about once a minute (first at ~22 s). Her first drawing read as a blob, so she was redrawn as a seated figure with a hat, cloak, arm and boot (close-up below).
  • More bats: the group now flies every 20 s instead of 30, plus a faster swarm of eight every 60 s.
  • The big spider climbs: it climbs its thread and drops back with a small bounce.
  • A second small spider on the left web.
  • A tiny jack-o'-lantern with a flickering candle, hanging by the right web (desktop only). It sits in the gap between the "2 Members" title and the close button.

Still no tint and nothing opaque over messages. Performance is unchanged (60 fps; the 95th-percentile frame is 16.8 ms on vs 16.7 ms off).

Quiet moment at 12 s, light and dark (wisps, spiders, lantern)
quiet

The witch
witch

Phone: witch and bats at 27 s, the swarm at 41 s
phone

Light 27 s · dark 12 s · reduced motion · phone 27 s
all

Only a human approves this, merges PR #242 and closes #239.

## More going on (PR #242, now at the latest commit) Jared felt the first pass was too sparse for a full theme, and the numbers agreed: most of the time only two webs and a spider were on screen. Added: - **Will-o'-the-wisps:** six soft green and orange glows that wander and pulse. They're always there while the theme animates. They're left out of the still (reduced-motion) scene because I tried it, and still glows sat permanently on a room name, a message and a timestamp. - **A witch on a broomstick:** crosses just below the header about once a minute (first at ~22 s). Her first drawing read as a blob, so she was redrawn as a seated figure with a hat, cloak, arm and boot (close-up below). - **More bats:** the group now flies every 20 s instead of 30, plus a faster swarm of eight every 60 s. - **The big spider climbs:** it climbs its thread and drops back with a small bounce. - **A second small spider** on the left web. - **A tiny jack-o'-lantern** with a flickering candle, hanging by the right web (desktop only). It sits in the gap between the "2 Members" title and the close button. Still no tint and nothing opaque over messages. Performance is unchanged (60 fps; the 95th-percentile frame is 16.8 ms on vs 16.7 ms off). **Quiet moment at 12 s, light and dark** (wisps, spiders, lantern) ![quiet](https://code.lotusguild.org/attachments/accaceb2-eb22-46c8-9143-7e785bf75fc6) **The witch** ![witch](https://code.lotusguild.org/attachments/f3e927a9-c5ed-4c41-a425-ad9db8d7ee21) **Phone: witch and bats at 27 s, the swarm at 41 s** ![phone](https://code.lotusguild.org/attachments/87ddcad8-7cd3-4403-bc94-6054448897ee) **Light 27 s · dark 12 s · reduced motion · phone 27 s** ![all](https://code.lotusguild.org/attachments/6d7794fd-f0ac-4445-a1c3-4be3a56ff3d3) Only a human approves this, merges PR #242 and closes #239.
jared added 1 commit 2026-09-25 15:17:38 -04:00
feat(seasonal): Halloween — more going on: wisps, a witch, a swarm (#239)
CI / Build & Quality Checks (pull_request) Successful in 1m47s
CI / Trigger Desktop Build (pull_request) Skipped
CI / Docker image build & smoke test (pull_request) Skipped
CI / Secret scan (gitleaks) (pull_request) Successful in 7s
CI / Playwright smoke (e2e) (pull_request) Successful in 13m39s
fda6e0f74e
Jared felt the first redesign was too sparse for a full theme: most of the
time only two webs and a spider were on screen.

- Will-o'-the-wisps: six soft green/orange glows wandering and pulsing,
  always present while animating (not in the still scene, where static glows
  would sit on text).
- A witch on a broom crosses just below the header about once a minute
  (redrawn so she reads as a seated figure, not a blob).
- Bats every 20 s (was 30), plus a faster swarm of eight every 60 s.
- The big spider now climbs up its thread and drops back with a bounce.
- A second, small spider on the left web; a tiny jack-o'-lantern with a
  flickering candle hangs by the right web (desktop).

Rendered and inspected at the witch/swarm moments in light, dark and phone,
plus reduced; still 60 fps on vs off.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01PPmy3tPq869XDW4njjVaKA
jared merged commit 7c26268e38 into lotus 2026-09-25 15:33:53 -04:00
Sign in to join this conversation.
No Reviewers
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: LotusGuild/cinny#242