Poor dark theme contrast on console output
Nobody has claimed this yet.
Assessment
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Newbie friendliness
- 32/100
- Issue type
- Bug
- Clarity
- Mostly clear
- Activity status
- Stale
- Tech stack
- linux
- Domain
- accessibility, desktop, frontend
Research direction
Reproduce the issue in Epiphany 41.0 by opening the devtools console on elementaryOS 6.1 dark mode and selecting console output. Compare the dark- and light-theme screenshots, then determine whether the contrast comes from Epiphany, WebKitGTK, or the elementaryOS stylesheet. Done means selected console text is readable in dark mode.
Written by the indexing model from the issue text.
Description
What Happened?
Hello! How are y'all doing?
I'd like to thank y'all first for the amazing work with elementaryOS 6.1 Jólnir, you guys did something really good here.
About the issue, I was experimenting with Epiphany 41.0 today on my elementaryOS 6.1 install and noticed that, when using the dark mode, the text selection becomes quite hard to read on the devtools console due to bad contrast. I don't know if it is a WebkitGTK issue, if it is an Epiphany issue or if it is a elementaryOS stylesheet issue, but it gets really bad to read, and that's not a good experience for those using dark mode and GNOME Web at the same time.
Here are some screenshots of this problem.
Dark theme console selection with poor contrast
Dark theme console output selection with poor contrast
And here are some screenshots of the light theme that works just fine!
Light theme console selection with good contrast
Light theme console output selection with good contrast
Using elementaryOS 6.1 Jólnir and GNOME Web 41.0.
System up to date as of January 1st, 2022.
Steps to Reproduce
- Set your elementaryOS 6.1 Jólnir to dark mode.
- Open Epiphany 41.0 (GNOME Web).
- Open the devtools (F12).
- Open the console.
- console.log('something');
- Try to select the logged text.
Expected Behavior
Good contrast in dark mode.
OS Version
6.x (Odin)
Software Version
Latest release (I have run all updates)
Log Output
No logs found.
Hardware Info
System specs:
- CPU: Intel Core i5 4460
- GPU: Nvidia Geforce GTX 750 TI
- RAM: 8GB DDR3 1600MHz
- Dominant language
- Meson
- Stars
- 8
- Forks
- 4
- Avg merge
- 37m
- Merged PRs (30d)
- 1
Getting set up
- No Dockerfile or Docker Compose file
- No pull request template
- Read the contributing 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.
More from elementary/browser
-
Difficulty 4/5 3-5 days Newbie friendliness 25/100
elementary/browser#182 ·
-
Needs Design
Difficulty 3/5 1-2 days Newbie friendliness 35/100
elementary/browser#178 ·
-
Needs Design Status: Confirmed
Difficulty 2/5 1-3 hours Newbie friendliness 40/100
elementary/browser#145 · 2 reactions ·
-
Difficulty 4/5 3-5 days Newbie friendliness 25/100
elementary/browser#132 ·
-
Difficulty 4/5 3-5 days Newbie friendliness 25/100
elementary/browser#118 · 2 comments ·
All issues in elementary/browser
Similar issues
-
bug frontend
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
PedestrianDynamics/pyFDS-Evac#549 ·
Maintainers usually reply within 1 day
-
accessibility
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
slovensko-digital/priznanie-digital#1193 ·
Maintainers usually reply within 1 day
-
accessibility
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
slovensko-digital/autogram-portal#370 · 3 comments ·
Maintainers usually reply within 21 days
-
intake mcp-intake needs-ac needs-human-review pending-review priority:medium question type:question
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
Ikalus1988/MisakaNet#2754 · 3 comments ·
Maintainers usually reply within 1 day
-
📕documentation
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
db-ux-design-system/core-web#8343 ·
Maintainers usually reply within 1 day