Feature Request: Dark/Light Mode Toggle

[yllenfer]

Add a responsive toggle switch at the top of the screen that allows users to switch between Dark Mode and Light Mode. The toggle should include intuitive icons, a sun 🌞 for Light Mode and a moon 🌙 for Dark Mode.

[joyalgeorgekj]

@Nutlope Do you think this is a feature that we can work on? Can you assign me this!

• Have to create clone of the icons to match both themes like logo, Landing page Arrow Icon, Cursor Icon, GitHub Icon, Demo resume website, etc.
• Website preview should also support the theme change.

I can push the theme changer without using any package but the proper of the style can be put as another issue where we can discuss how to approach this. @yllenfer From the SS I am assuming you are talking about the theme change of the website that was created using self.so.

I've seen you guys tried to make a theme change using next-themes package but not completed.

[Tamby998]

Hi! I'd like to work on implementing this dark/light mode toggle.

I'll use next-themes for the theming system and add:

• Toggle switch with sun/moon icons in the header
• Persistent theme preference (localStorage)
• CSS variables for colors

ETA: This week. Let me know if this approach sounds good!