anomalyco / anomalyco/opencode

[Desktop] Loading splash pulses the whole logo and ignores prefers-reduced-motion

Open
#48,829 0 comments 0 reactions 1 assignee View on GitHub

@Hona is already working on this.

Since Sep 13, 2026.

Dominant language
TypeScript
Stars
209k
Forks
27.5k
PR merge metrics
PR metrics pending

Description

Description

The boot loading splash (packages/app/src/app.tsx and packages/desktop/src/renderer/index.tsx) renders <Splash class="w-16 h-20 opacity-50 animate-pulse" />, which fades the whole logo with the generic 2s opacity pulse. It also keeps animating when the user has prefers-reduced-motion: reduce enabled.

Proposal: keep the frame steady and animate only the inner square (the "core") with opacity + a small scale over 1.6s, plus a reduced-motion opt-out. The inner path gets a data-slot so the animation is scoped to the loading state and leaves the static Splash (error screen) untouched.

before (left) / after (right) at the same phase

Plugins

none

OpenCode version

OpenCode Desktop 1.18.29

Steps to reproduce
  1. Launch the app and watch the loading splash
  2. Enable "reduce motion" in the OS and relaunch: the logo keeps pulsing
Screenshot and/or share link

See image above.

Operating System

CachyOS (Arch Linux), KDE Plasma 6.7.5, Wayland

Terminal

n/a (desktop app)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.