Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[feat]: Adding Dark Mode #71

Open
5 tasks
SwanandD121 opened this issue Oct 13, 2024 · 4 comments
Open
5 tasks

[feat]: Adding Dark Mode #71

SwanandD121 opened this issue Oct 13, 2024 · 4 comments
Assignees
Labels
enhancement New feature or request good first issue Good for newcomers hacktoberfest-accepted Only for hacktoberfest based contributions

Comments

@SwanandD121
Copy link

SwanandD121 commented Oct 13, 2024

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
Copy link
Owner

@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 suryanshsingh2001 added enhancement New feature or request good first issue Good for newcomers hacktoberfest-accepted Only for hacktoberfest based contributions labels Oct 13, 2024
@suryanshsingh2001
Copy link
Owner

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
Copy link
Author

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
Copy link
Owner

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for newcomers hacktoberfest-accepted Only for hacktoberfest based contributions
Projects
None yet
Development

No branches or pull requests

2 participants