Feature: Introducing Dark Mode for Improved User Experience

[ashan262]

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

  

  Light Mode

  

  Dark Mode photo page