Original preview colors (yellow/white) briefly show in the first second of panel load #2
Description
Since the preview is using CSS transitions to animate changes between things like color values, in the first meaningful paint (when the UI first boots up and appears) it appears as the original color design -- yellow and white against header -- even if this isn't the value set by user in session storage. It then immediately tries overwriting this value and animates into the user's selected color, which looks clumsy. This is affecting both the preview and the color-picker components.
A solution would be to either:
- Retrieve user colors from Pinia store and inject them into each component as the starting value, defaulting to original yellow/white when it does not yet exist like a cold start
- Disable CSS transitions until the Pinia store is fully mounted and the first assignment of CSS variables are toggled, or a nextTick after some given millisecond count after mounted lifecycle hook (when the UI is guaranteed to be loaded and color values will have been assigned)