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

Feature: Introducing Dark Mode for Improved User Experience #221

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

ashan262
Copy link

@ashan262 ashan262 commented Dec 2, 2023

Overview

This pull request implements a dark mode feature to enhance the user experience on our website. Users now have the option to toggle between light and dark modes based on their preferences and their preferences will store on their local storage of browser.

Changes Made

  • Added a dark mode styles to the project stylesheet.
  • Implemented a toggle switch in the user interface for seamless switching between light and dark modes.
  • Adjusted color schemes, contrast, and other styles to ensure a visually appealing and accessible dark mode experience.

Benefits

  • Reduced Eye Strain: Dark mode provides a more comfortable viewing experience, especially in low-light environments, reducing eye strain for users.
  • Enhanced Accessibility: Improved contrast and readability contribute to a more accessible design for a wider audience.
  • Customization: Users now have the flexibility to choose their preferred mode, catering to individual preferences.

Testing

  • Accessibility tests have been performed to guarantee that the feature complies accurately.

Future Considerations

  • Feedback from users regarding the dark mode implementation will be closely monitored for potential improvements.
  • Any reported issues or bugs will be promptly addressed in subsequent updates.

@ashan-khan: Feel free to review and provide feedback on the changes. Your input is valuable as we aim to create a more inclusive and user-friendly browsing experience.

Screenshots

  • Screenshots comparing the website in light and dark modes are included for reference.

Dark Mode

dark-mode

Light Mode

light-mode

Dark Mode photo page

photo-page

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.

1 participant