Search bar colors in light/dark mode
- Dominant language
- JavaScript
- Stars
- 27.2k
- Forks
- 5.6k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 46
Description
### Are you experiencing an issue with...
shields.io
### 🐞 Description
I'm seeing some inconsistencies with the coloring of elements in light/dark mode.
*Light mode:*
*Dark mode:*
For reference, this is what the website search bar looks like.
*Light mode:*
*Dark mode:*
1. The search icon (magnifying glass) in the search field is a dark color in light mode but doesn't switch to a lighter color in dark mode.
2. The placeholder text in light mode seems a little too faint to be properly readable. It looks fine in the screenshot above but take a look for yourself and tell me what you think!
Contributor guide
Research direction
Start by locating the shields.io search bar entry point and compare its light- and dark-mode rendering with the screenshots in the issue. Check the search icon and placeholder text for appropriate contrast in both modes, then verify the result manually in each theme.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, design, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100