1373309 - network monitor summary colors look terrible

Status: RESOLVED DUPLICATE of bug 1916355

(DevTools :: Netmonitor, defect, P3)

Description

[Cam]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:55.0) Gecko/20100101 Firefox/55.0
Build ID: 20170612224034

Steps to reproduce:

Open Network Monitor Dev Tool
Look at summary stats
Hover over summary stats


Actual results:

They look terrible


Expected results:

They should not look terrible

Comment 1

[Cam]

Attachment: ugly.png

Comment 2

[Cam]

Attachment: ugly2.png

Comment 3

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Note that the colors corresponds to the (vertical lines) colors used for events rendered in the Timeline column. There are two vertical lines in the Timeline column (blue for `DOMContentLoaded` event and red for `load` event. The same colors are used in Firebug and Chrome DevTools.

Not sure what we could do here...? Any tips?

Honza

Comment 4

[Jan Honza Odvarko [:Honza] (always need-info? me)]

See also bug 1373985

Comment 5

[Kohei Yoshino [:kohei]]

I'm not the reporter...

Comment 6

[YF (Yang)]

(In reply to Jan Honza Odvarko [:Honza] from comment #3)
> Not sure what we could do here...? Any tips?

Ideas: another set of high contrast colors for dark themes; hover to change text colors or background colors; hover to point, instead of colors to hint.

Comment 7

[Jan Honza Odvarko [:Honza] (always need-info? me)]

(In reply to YF (Yang) from comment #6)
> (In reply to Jan Honza Odvarko [:Honza] from comment #3)
> > Not sure what we could do here...? Any tips?
> 
> Ideas: another set of high contrast colors for dark themes; hover to change
> text colors or background colors; hover to point, instead of colors to hint.
Sounds good, in which case it looks like a duplicate of bug 373985

@Cam?

Honza

Comment 8

[Cam]

Yeah another set of colours would be ideal, or even moving away from such hard red & blue (looks like it's just #FF0000 and #0000FF now) to other values that don't look bad against the blue-ish background. I believe that in order to get nice contrast like you get in the light theme you'd want to go for paler colours on the dark theme.

Comment 10

[Nicolas Chevobbe [:nchevobbe]]

Looks better with Bug 1916355