Add Dark Mode Toggle

[Annanyatiwary4]

📌 Description

Implement a dark mode toggle using Tailwind’s dark mode and shadcn/ui components. The theme should persist (e.g., via localStorage).

✅ Tasks

• Create a ThemeToggle component using shadcn/ui's Switch or Button.
• Persist the selected theme using localStorage.
• Ensure the theme updates across all pages/components.

💡 Expected Result

A toggle button that lets users switch between light and dark modes, with their preference saved even after reload.

🧰 Tech Stack

• Tailwind CSS
• shadcn/ui
• ReactJs

📎 Note

🔹 Please read the Contributing Guidelines before getting started.
🔹 Comment below to get assigned. Unassigned PRs may be marked invalid.

🎯 GSSoC 2025

Level: 2 (5 Points)
This issue is part of GirlScript Summer of Code 2025.

[harshithaendreddy]

Hey @Annanyatiwary4, I would like to work on this issue. I have experience implementing dark mode toggle using Tailwind CSS. Please assign this to me.

[Hardik210205]

Hi, @Annanyatiwary4 I also want to contribute and i have made a whole Dark theme website. So, Please assign me

[Annanyatiwary4]

Hey @Hardik210205 As this issue has already been assigned to another contributor, however you can check out other open issues and contribute on them.
Looking forward to your contributions- happy coding!

[merintheres]

@Annanyatiwary4 If no one is currently working on this issue, I would be grateful if you could kindly assign it to me.

[pavani0959]

@Annanyatiwary4 i love to work on this repo please assign me