[feat]: Adding Dark Mode

SwanandD121 commented 1 month ago

Description

The website currently only supports a light theme. Adding a dark theme will enhance the user experience, especially for those browsing the site in low-light conditions or who prefer dark mode for accessibility or aesthetic reasons.

Requirements

Add a toggle (e.g., switch or button) for users to switch between light and dark modes.
Store the user's theme preference (e.g., in local storage) so that it persists across sessions.
Ensure that the design elements (buttons, text, backgrounds, etc.) are optimized for visibility and contrast in both light and dark themes.
Maintain a consistent look and feel between both themes.

Acceptance Criteria

[ ] A dark theme toggle is visible and functional on all pages.
[ ] The dark theme uses a color palette that minimizes eye strain.
[ ] All components (text, buttons, links, icons) are easily readable and accessible in dark mode.
[ ] User's theme preference is saved and applied on subsequent visits.
[ ] No visual bugs or layout issues appear when switching between themes.

suryanshsingh2001 commented 1 month ago

@SwanandD121

Thanks for raising this issue! You can go ahead with the implementation. Please ensure the dark mode toggle is available on every page, and consider using context for managing the theme across the app.

Here’s a quick task list to guide you:

[ ] Add a toggle for switching between light and dark modes.
[ ] Use context to manage the theme globally across the app.
[ ] Store the user's theme preference in local storage for persistence.
[ ] Ensure all design elements (buttons, text, backgrounds) are optimized for both themes.
[ ] Test for any visual bugs or layout issues when switching themes.

suryanshsingh2001 commented 3 weeks ago

Gentle Reminder ⏰

Hi! When you're assigned an issue, please note that if there's no activity for over 7 days, we may need to unassign it to ensure project progress. This helps keep things moving smoothly.

Thank you for your understanding! 🙏

SwanandD121 commented 3 weeks ago

Hey, I'll work on this. I got busy with other projects and missed the notification. Sorry for not responding. I'll create a PR as soon as possible.

suryanshsingh2001 commented 3 weeks ago

Hey, I'll work on this. I got busy with other projects and missed the notification. Sorry for not responding. I'll create a PR as soon as possible.

Thanks for the reply.

suryanshsingh2001 / MyLibrary