gray-mueller / gray-mueller/food-ordering-app-with-source-code

Visibility Concern in Dark Mode for Tip Placeholder in Checkout Section - Enatega Multivendor Customer App

Open Beginner friendly
#1,548 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
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

Open the contributing guide

Research direction

Start by reproducing the issue in the Enatega Multivendor Customer App: open checkout, enable dark mode, and locate the Add Tip input for a custom amount. Trace that checkout component and verify on iOS and Android that the placeholder has sufficient contrast and is visible in dark mode.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, mobile
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.