[FEATURE] -Animated Dark/Light Mode Toggle #543
Description
✨ Feature Description
The current dark/light mode toggle feels too common and static. To improve the user experience, we can design a sliding toggle animation:
-Light Mode: toggle slides from left → right
-Dark Mode: toggle slides from right → left
This will make the theme switcher more engaging and give the site a modern touch.
🎯 Why is this Needed?
-Dark/light mode toggles are widely used, but often feel generic
-Animated transitions add polish and improve perceived quality
-Increases user delight while keeping functionality intact
📋 Possible Implementation
-Replace the basic button with a custom toggle switch
-Use CSS transitions/transform to animate the slider movement
-Add subtle color changes (sun/moon icons, glow, etc.) for visual feedback
-Ensure accessibility and responsiveness remain intact
📸 Mockups / Examples (if any)
(https://dribbble.com/shots/14431115-Light-Dark-mode-Toggle-switcher)