Closed Bug 1390008 Opened 7 years ago Closed 7 years ago

contrast with console error in dark theme makes it difficult to read

Categories

(DevTools :: Console, defect)

57 Branch
defect
Not set
normal

Tracking

(Not tracked)

RESOLVED WORKSFORME

People

(Reporter: heidi.kasemir, Unassigned)

References

Details

(Keywords: papercut)

User Story

The user is a React web developer trying to switch from Chrome to Firefox as the main development platform.

She chose dark theme and the color contrast in the console is the first thing she noticed.

Attachments

(2 files)

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:57.0) Gecko/20100101 Firefox/57.0
Build ID: 20170811100330

Steps to reproduce:

look at developer console when an error is logged using the dark theme.


Actual results:

A bright red color is used on the slate gray background, when hovered, the background turns blue-ish, and the contrast in both cases makes the error difficult to read.

screen shot shows top half without hover and bottom half with hover state.


Expected results:

error logs should use an appropriate color contrast so as to remain readable
Component: Untriaged → Theme
User Story: (updated)
Keywords: papercut
Nicholas, can you help triage this further? Thanks!
Component: Theme → Developer Tools: Console
Flags: needinfo?(nchevobbe)
Hello there,

We are planning to have a visual alignment with Photon (new Firefox UI theme) in Bug 1307929. I'll mark this bug as "see also" so we don't forget to check that :)
Flags: needinfo?(nchevobbe)
See Also: → 1307929
Status: UNCONFIRMED → NEW
Ever confirmed: true
Priority: -- → P2
Whiteboard: [console-html][triage]
Flags: qe-verify?
Priority: P2 → P4
Whiteboard: [console-html][triage] → [reserve-console-html]
Depends on: 1389732
Depends on: 1307929
Hello,

We revamped the colors in the console (on Nightly), and here is what it looks like.
Also, we don't change the background color on hover anymore, so everything is more legible.
I am going to close this bug, but feel free to re-open if you still think something is wrong. Thanks !
Status: NEW → RESOLVED
Closed: 7 years ago
Resolution: --- → WORKSFORME
It's sooo much better! thank you :)
Flags: qe-verify?
Priority: P4 → --
Whiteboard: [reserve-console-html]
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: