Dark Mode Feature

[Rizvi-Faiz]

Dark Mode Feature

Issue Overview

The current application lacks a dark mode, which is increasingly preferred by users for reducing eye strain and enhancing usability in low-light environments. This section details the proposed implementation of a dark mode feature.

Current Limitations

• No Dark Mode: Users do not have an option to switch to a dark theme, which can be uncomfortable for prolonged use in low-light settings.
• Inconsistent Styles: The current light mode styling is not optimized for accessibility and may not provide sufficient contrast for all users.

Suggested Improvements

1. Implement Dark Mode Toggle

• Description: Introduce a toggle switch in the navbar or settings menu to allow users to switch between light and dark modes.
• Expected Outcome: Users can easily switch to dark mode with a single click.

2. Update Color Schemes

• Description: Define a new color palette for dark mode that ensures sufficient contrast and readability.
• Expected Outcome: Backgrounds should be darker, and text colors adjusted to enhance visibility without causing strain.

Steps to Reproduce Current Issues

1. Open the application.
2. Observe that there is no option to switch to dark mode.
3. Note the discomfort caused by bright backgrounds in low-light conditions.

Screenshots

@thakuratul2 can you please assign this to me under gssoc-ext and hacktoberfest and also give a level

[thakuratul2]

@Rizvi-Faiz assigned and please create PR to Develop