Unread mail indicator is black on black in dark mode
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 1k
- Forks
- 348
- Avg merge
- 12h 28m
- Merged PRs (30d)
- 91
Description
Steps to reproduce
- Activate dark mode
- Open mailbox with unread mails in it
- Not see unread mail indicator
Expected behavior
The unread mail inidicator has reasonable contrast to the background colour. My suggestion would be to use --color-main-text, which would be in-style with the text next to it.
Actual behavior
The unread mail indicator is not discernible from the background. It inherits the colour --color-primary-element, which is hex(#101010) for the dark design. The background is --color-main-background hex(#171717), which makes for a contrast ratio of 1.06:1.
Mail app version
2.2.6
Mailserver or service
No response
Operating system
No response
PHP engine version
None
Web server
None
Database
None
Additional info
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
The issue does not name a file or test. Start by locating the unread-mail indicator styling and the --color-primary-element and --color-main-text variables, then check the dark-mode rendering and contrast. Done means the indicator is visibly distinct from the background while remaining consistent with the surrounding text.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100