Skip to content

fix: conflicting color-scheme and gradient stops between ease-theme-switcher and ease-gradient-animate #30551

Description

@Pcmhacker-piro

Description

The Theme Switcher (#30436) toggles color-scheme and --ease-theme-* custom properties, while the Animated Gradient Background (#30442) animates --ease-ga-bg-1 through --ease-ga-bg-4 color stops. When the theme switches at the same time the gradient is mid-animation, the color stop transition snaps instead of blending smoothly because the theme property change resets the animated property mid-frame.

Affected Components

Suggested Resolution

  • Separate theme timing from gradient animation using animation-play-state
  • Coordinate transitions via a shared animation-delay

Metadata

Metadata

Labels

GSSoC-26Official GSSoC 2026 issueanimationAnimation effects, hover interactions, motion ideas, transitionsgood first issueGood for newcomersgssoc:approvedApproved for GSSoC contributionshelp wantedExtra attention neededlevel:intermediateRequires moderate project understanding

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions