One Year Dark Mode Toggle Interaction

When the user taps the theme toggle button in the floating bottom dock, the entire interface transitions seamlessly between light and dark modes. In light mode, the top section features intricate line-art illustrations representing growth, which fade out to reveal a clean, minimalist dot grid in dark mode. The background color shifts smoothly from light lavender to deep black, while the active toggle icon crossfades to reflect the current state. The transition is soft and atmospheric, relying on synchronized opacity fades and color shifts rather than sudden motion.