Skip to content

feat(ui): theme animation tied to motion level (#342) - #352

Merged
ZhuchkaTriplesix merged 2 commits into
devfrom
issue/342-theme-motion-level
Jul 26, 2026
Merged

feat(ui): theme animation tied to motion level (#342)#352
ZhuchkaTriplesix merged 2 commits into
devfrom
issue/342-theme-motion-level

Conversation

@ZhuchkaTriplesix

Copy link
Copy Markdown
Member

Summary

  • Fix shadcn enableThemeAnimation (was ignored) and add themeAnimationDuration / themeAnimationCurve on ShadcnApp / ShadcnLayer.
  • QueryaThemeMotion gates theme cross-fades: preference + Full/Reduced motion + OS disableAnimations; Reduced halves QueryaMotion.slow.
  • AnimatedQueryaTheme lerps workbench/editor tokens alongside shadcn AnimatedTheme.
  • Preferences hint clarifies Motion Off snaps themes.

Phase B slice of #342 (theme motion). Remaining: split-handle settle.

Linked issue

Refs #342

Checklist

  • flutter analyze and flutter test pass locally
  • Scope matches the linked issue only (no drive-by refactors)
  • PR targets dev (not main, unless hotfix)

Test plan

  • flutter test test/core/motion/querya_theme_motion_test.dart test/core/theme/animated_querya_theme_test.dart test/core/theme/shadcn_theme_animation_wiring_test.dart
  • Manual: enable Animate theme + Motion Full — dark/light cross-fades
  • Manual: Motion Off or Animate theme off — theme snaps
  • Manual: Motion Reduced — shorter theme fade

Made with Cursor

Wire Shadcn theme animation duration/curve through QueryaThemeMotion,
lerp QueryaTheme tokens via AnimatedQueryaTheme, and honor the
preference toggle only when motion is Full/Reduced.

Co-authored-by: Cursor <cursoragent@cursor.com>
@github-actions github-actions Bot added epic Epic / umbrella issue accessibility Reduced motion, OS accessibility preferences ui User interface components and widgets labels Jul 26, 2026
Satisfy prefer_const_constructors so flutter analyze exits cleanly.

Co-authored-by: Cursor <cursoragent@cursor.com>
@ZhuchkaTriplesix
ZhuchkaTriplesix merged commit c94ec88 into dev Jul 26, 2026
4 checks passed
ZhuchkaTriplesix added a commit that referenced this pull request Jul 27, 2026
feat(ui): theme animation tied to motion level (#342)
@ZhuchkaTriplesix ZhuchkaTriplesix self-assigned this Jul 27, 2026
@ZhuchkaTriplesix
ZhuchkaTriplesix deleted the issue/342-theme-motion-level branch July 27, 2026 20:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

accessibility Reduced motion, OS accessibility preferences epic Epic / umbrella issue ui User interface components and widgets

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant