Skip to content

feat: implement complete dashboard dark mode across all components#415

Open
Kruthica wants to merge 1 commit into
Canopus-Labs:mainfrom
Kruthica:feature/dashboard-dark-mode-toggle
Open

feat: implement complete dashboard dark mode across all components#415
Kruthica wants to merge 1 commit into
Canopus-Labs:mainfrom
Kruthica:feature/dashboard-dark-mode-toggle

Conversation

@Kruthica

@Kruthica Kruthica commented Jul 8, 2026

Copy link
Copy Markdown

📝 Pull Request Description

Related Issue

Closes #349

Summary

This PR introduces a complete dark mode experience for the PrepPilot dashboard, allowing users to seamlessly switch between light and dark themes. The selected theme is persisted across sessions using local storage, while the initial theme respects the user's system preference (prefers-color-scheme). All major dashboard components have been updated to support both themes with accessible color contrast, ensuring a consistent and comfortable user experience.


Type of Change

  • 🐛 Bug fix (non-breaking change which fixes an issue)
  • ✨ New feature
  • ♻️ Refactoring
  • 📝 Documentation update
  • 🎨 UI/UX improvement
  • 🔥 Other (please describe) ______

How Has This Been Tested?

  • Verified that the theme toggle switches instantly between light and dark modes.
  • Confirmed the selected theme persists after page refresh and browser restart.
  • Tested that the initial theme follows the system preference on first visit.
  • Checked all major dashboard components (sidebar, cards, buttons, forms, modals, etc.) in both themes.
  • Verified responsiveness and readability across different screen sizes.
  • Confirmed there are no console errors or visual regressions.

Screenshots

Before
screencapture-preppilot-12n6-onrender-dashboard-2026-07-05-11_19_41
After
image


Checklist

  • My code follows the project's guidelines
  • I have tested my changes
  • I have updated documentation where necessary
  • I have linked the related issue
  • My changes do not introduce new warnings or errors

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add Dark Mode Toggle for Dashboard and User Preferences

1 participant