Dark Mode Toggle Does Nothing

[Vachhani-Tapan]

Description

Description: The dark mode toggle button in the navbar adds/removes a dark-mode class on document.body, but no .dark-mode CSS rules exist anywhere in the project. Clicking the toggle has zero visual effect.

Steps to Reproduce

Steps to Reproduce:

1. Log in to the application.
2. Click the dark mode toggle button in the navbar.
3. Observe that nothing changes on the page.

Expected vs Actual Behavior

Expected vs Actual Behavior:

• Expected: Page switches to a dark color theme
• Actual: No visual change occurs

Environment Details

Environment Details:

• File: learnhub/frontend/src/components/common/NavBar.jsx, Lines 24-35
• OS: Any
• Browser: Any

Severity

Low (minor visual bug or typo)

Screenshots / Screen Recording

[Vachhani-Tapan]

/assign

[github-actions]

🎉 @Vachhani-Tapan has been successfully assigned to this issue. Please submit a PR within 7 days. Happy coding!

[udaycodespace]

@Vachhani-Tapan I've reviewed the PR and left review comments. Please address all the requested changes, update the PR accordingly

[udaycodespace]

@Vachhani-Tapan Thanks for the contribution! You were really close this is a solid fix for the reported issue.

I've left a few review comments on the PR. Please address them, verify everything works as expected, and update the PR. Once the requested changes are in, I'll review it again.

Thanks!

[prasiddhi-105]

Hiii please assign this issue to me under ecsoc26!!!