gray-mueller / gray-mueller/restaurant-delivery-platform-using-react-js
Visibility Concern in Dark Mode for Tip Placeholder in Checkout Section - 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 checkout section where the "Add Tip" option is available, the placeholder for adding another amount in tipping appears in black, making it almost invisible against the dark background.
To Reproduce
Steps to reproduce the behavior:
Open the Enatega Multivendor Customer App.
Navigate to the checkout section.
Enable dark mode.
Observe the placeholder for adding another amount in tipping.
Expected behavior
In dark mode, the placeholder for adding another amount in the tipping section should be visible and contrast appropriately with the dark background.
Screenshots
image
Smartphone (please complete the following information):
Device: iOS and android
Contributor guide
Research direction
Reproduce the issue in the Enatega Multivendor Customer App by opening checkout, enabling dark mode, and inspecting the Add Tip custom-amount placeholder on iOS or Android. Locate the styling for that placeholder and verify that it has sufficient contrast and is visible in dark mode.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend, mobile-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100