Dark theme causing eye strain
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 233
- Forks
- 61
- Avg merge
- 1d 1h
- Merged PRs (30d)
- 82
Description
Discussed in https://github.com/mdn/yari/discussions/7704
Originally posted by J-Cake November 27, 2022
I'm lucky enough to be blessed with good eyesight, so generally I don't have an issue with taxing colour schemes or bright lights etc. but I can't help but notice that when ever I'm reading MDN with the dark theme, my eyes hurt after a few seconds, and I start to feel dizzy within a few minutes. I've never encountered this anywhere else so I assume it's related to the contrast or something technical (I have no idea about colour theory) but I thought I'd mention it.
Perhaps lighten the blacks and dim the whites?
I do have to mention though, the light theme is 👌🏻 and the design scheme is pretty sleek.
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
Start with discussion 7704, which contains the original report and the suggested direction to adjust the dark theme's blacks and whites. Locate the dark-theme implementation from there and determine how contrast and brightness are currently defined. Done means the theme no longer causes the reported eye strain while preserving the existing light theme and design.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, design, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100