Dark/Light mode toggle switch widget 🌞🌜✨. A premium theme switch that feels magical and communicates state at a glance. The thumb morphs from sun → moon, the track shifts from daylight → twilight → night, and tiny ⭐ particles float with parallax. Built for production apps—accessible, fast, and fully themeable—for toggling light/dark or any dual visual mode.

Functionality ⚙️

• 🌗 Morphing thumb — sun ↔ moon with spring physics, glow, and soft shadows.

• 🎨 Animated track — seamless color/gradient transitions (day → night) with optional vignette.

• ✨ Particles/stars — fade/scale + depth-aware parallax tied to drag progress.

• 🖱️ Tap/drag UX — ripple, haptic feedback, hover/pressed/focus states.

• 🔁 Modes — on/off, disabled, loading (async guard with spinner/lock), scheduled/auto (follow system).

• 💾 Persistence — save preference locally and/or sync with OS theme.

• 🧩 Theming tokens — sizes (XS–XL), radius, day/night palettes, custom icons (SVG/Lottie), glow intensity.

• ♿ Accessibility — ARIA switch, screen-reader labels, Tab/Space/Enter keys, RTL & Reduce Motion.

• ⚡ Performance — GPU-friendly, layer cached, butter-smooth 60fps—even inside lists.

Use cases 💡

• 🛠️ Global Light/Dark toggle in settings or app bars.

• 📖 Reading modes, 🗺️ map/night navigation, 🎬 editor themes.

• 🔋 Power Saver / 👁️ Eye Comfort palettes.

• 🎯 Landing pages needing a delightful yet functional theme control.

• 🎨 Multi-brand or seasonal skins (e.g., Summer/Winter) with custom icons & colors.

Keywords 🔎

theme toggle, dark mode switch, day night switch, animated toggle, sun moon morph, stars particles, parallax, gradient track, spring animation, haptic feedback, aria switch, accessibility, keyboard navigation, reduce motion, rtl support, persistence, follow system theme, async guard, loading state, theming tokens, flutterflow widget, flutterflow component, high performance, modern ui, dark/light mode toggle switch widget