elementary / elementary/browser

Poor dark theme contrast on console output

Open
#58 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
Meson
Stars
8
Forks
4
Avg merge
3h 6m
Merged PRs (30d)
4

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
![console-selection-dark-mode-poor-contrast](https://user-images.githubusercontent.com/32345702/148788896-b34f8b9f-6bf5-4de7-9692-941ff1ac2dac.png)

### Dark theme console output selection with poor contrast
![console-output-selection-dark-mode-poor-contrast](https://user-images.githubusercontent.com/32345702/148788729-6cda28b1-5d5a-45ff-a047-3fe2f574aa32.png)

## And here are some screenshots of the light theme that works just fine!

### Light theme console selection with good contrast
![console-selection-light-mode-good-contrast](https://user-images.githubusercontent.com/32345702/148789004-c1941760-fb8e-4578-a4a4-1a634b918a6f.png)

### Light theme console output selection with good contrast
![console-output-selection-light-mode-good-contrast](https://user-images.githubusercontent.com/32345702/148789230-36dc0c9f-cb3a-4752-8387-91a26fec1504.png)

Using elementaryOS 6.1 Jólnir and GNOME Web 41.0.
System up to date as of January 1st, 2022.

### Steps to Reproduce

1. Set your elementaryOS 6.1 Jólnir to dark mode.
1. Open Epiphany 41.0 (GNOME Web).
1. Open the devtools (F12).
1. Open the console.
1. console.log('something');
1. 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

```shell
No logs found.
```

### Hardware Info

System specs:
* CPU: Intel Core i5 4460
* GPU: Nvidia Geforce GTX 750 TI
* RAM: 8GB DDR3 1600MHz

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.