hackforla / hackforla/lucky-parking

Implement dark mode

Open
#638 0 comments 0 reactions 0 assignees View on GitHub
complexity: medium missing: milestone p-feature: navigation role: frontend size: 3pt temp: engineering board move
Dominant language
Jupyter Notebook
Stars
37
Forks
60
Avg merge
13h 32m
Merged PRs (30d)
5

Description

### User Story

As a user, I want the option to switch to a dark mode in our web application to reduce eye strain and improve readability, especially in low-light environments.

### Description

Implementing a dark mode for our web application involves creating a new color scheme and adjusting the styles of various components to ensure readability and usability in dark mode. This task will primarily focus on updating the design and CSS to support a dark theme.

### Acceptance Criteria

- [ ] Design a dark color scheme that is visually appealing and aligns with our brand.
- [ ] Update CSS styles to support the dark theme, including text colors, background colors, and contrast ratios.
- [ ] Ensure that all components are easily readable and accessible in dark mode.
- [ ] Implement a toggle or setting in the application to switch between light and dark modes.
- [ ] Test the dark mode across different browsers and devices to ensure consistent rendering and usability.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.