Add Dark Mode Support for Better Study Experience

Simplifai is all about making learning easy and enjoyable. But for many students and night-owls, studying in bright mode for long hours can be tiring. Adding a Dark Mode toggle will improve accessibility, reduce eye strain, and make the platform more user-friendly — especially during late-night study sessions. 🌙✨

Why This Matters?
Many learners study at night — dark mode makes it comfortable.
Improves accessibility for users with light sensitivity.
Feels more modern and professional (lots of apps now have this as a default feature).

What Needs to Be Done?
Add a dark/light mode toggle in the navbar or settings.
Store user preference (so mode persists across sessions).
Ensure all pages (summaries, flashcards, quizzes) look clean in dark mode.
Test responsiveness (desktop + mobile).

Expected Outcome
A toggle switch to switch between Light and Dark mode.
Smooth transition between modes.
Dark mode styles applied consistently across all pages.

Tech Reference
Tailwind CSS Dark Mode: [https://tailwindcss.com/docs/dark-mode](https://tailwindcss.com/docs/dark-mode?utm_source=chatgpt.com)

Example implementation: Next.js + Tailwind Dark Mode

Difficulty Level 🟢 Easy/Medium