MyLibrary icon indicating copy to clipboard operation
MyLibrary copied to clipboard
verified publisher icon suryanshsingh2001

[feat]: Adding Dark Mode

Open SwanandD121 opened this issue 1 year ago • 4 comments

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.

SwanandD121 avatar Oct 13 '24 11:10 SwanandD121

@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 avatar Oct 13 '24 16:10 suryanshsingh2001

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! 🙏

suryanshsingh2001 avatar Oct 18 '24 07:10 suryanshsingh2001

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.

SwanandD121 avatar Oct 18 '24 09:10 SwanandD121

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 avatar Oct 18 '24 11:10 suryanshsingh2001