mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-03 00:47:53 +00:00
The element-level transition blanket never could work here: the theme lives in custom properties consumed through color-mix() inside GRADIENTS (background-image is not animatable), inherited colors, and per-frame inline writes. The tokens are now registered as typed <color> @property rules and the .theme-anim class transitions the VARIABLES on the root over 0.75s — every consumer re-resolves each animated frame, gradients and scrims included, with zero per-element transitions to fight hover states or the ruler's per-frame color writes. A forced reflow commits the transition property before the token flip, and watchThemeColors now derives twice (at flip and after settle) so WebGL color targets land on the true final values instead of a mid-fade sample. Claude-Session: https://claude.ai/code/session_01YBoaBEt3gynzTwogBFtn4B