1018204 - DevTools themes: update NodeInfoBar styles to use new colors

Status: NEW

(DevTools :: Inspector, defect, P3)

Description

[Brian Grinstead [:bgrins]]

The nodeinfobar colors don't really match with the toolbox in the light theme.  It looks a little out of place with the dark node information box.  Maybe we should pick a color that works better with both themes but still stands out from page content.

They styles are defined in this file: http://dxr.mozilla.org/mozilla-central/source/browser/themes/shared/devtools/highlighter.inc.css#45

Comment 1

[Brian Grinstead [:bgrins]]

Maybe the light orange color #d99b28 from https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors?  Could have dark text with that.

Comment 2

[Nicolas Chevobbe [:nchevobbe]]

filter on CLIMBING SHOES

cc'ing Helen who may know how to handle this

Comment 3

[Patrick Brosset <:pbro>]

Helen made UI specs for this here: https://bug1128209.bmoattachments.org/attachment.cgi?id=8742600

Comment 4

[Helen V. Holmes (:helenvholmes) (:✨)]

Just pulling in some info from IRC:

The nodeinfobar in my designs recognizes both light and dark theme, which probably would be a pain to implement. Let's ignore that for now and just go with the light theme version in the spec.