gray-mueller / gray-mueller/restaurant-ordering-system-using-react-js
Visibility Concern in Dark Mode for Pickup Details in Cart - Enatega Multivendor Customer App
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
Users have reported a visibility concern in the Enatega Multivendor Customer App when switching to dark mode. Specifically, in the cart section, the pickup details are displayed in black, making them difficult to read against the dark background.
To Reproduce
Steps to reproduce the behavior:
Open the Enatega Multivendor Customer App.
Add items to the cart.
Enable dark mode.
Navigate to the cart section.
Observe the pickup details.
Expected behavior
In dark mode, the pickup details in the cart section should be visible and contrast appropriately with the dark background.
Screenshots
image
Smartphone:
Device: iOS and android
Contributor guide
Research direction
Start by running the Enatega Multivendor Customer App and reproduce the issue by adding items to the cart, enabling dark mode, and viewing the pickup details. Locate the cart pickup-details UI and verify on iOS and Android that its text contrasts with the dark background and remains readable.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100