1591486 - New search icon is too contrasted when address bar is focused

Status: RESOLVED FIXED

(Firefox :: Address Bar, defect, P1)

Description

[Florens Verschelde :fvsch]

Attachment: nightly-address-bar-search-icon.png

When the address bar is focused, the search icon introduced in bug 1589836 uses the following fills:

1. Light theme: #000000 (pure black)
2. Dark theme: #F9F9FA (Photon Grey 10)

Since most other icons in the UI are less contrasted than this, I find that it draws attention toward this icon and away from other parts of the UI such as the query text or the suggested results.

I checked the colors of a few surrounding icons and the only one with similar high contrast is the tab "close" icon (where it might be more appropriate because it's a smaller icon).

Personally I would prefer it if the icon's contrast was more subtle, probably using similar colors as the "Go to address in location bar" arrow or the "Favorite" icon in the result list:

1. Light: #666666
2. Dark: #B1B1B3

Comment 1

[Dão Gottwald [:dao]]

Attachment: Bug 1591486 - Set reduced fill-opacity (the same as used in the identity block) for the search icon in the expanded megabar. r=adw

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/01993d1c73d1
Set reduced fill-opacity (the same as used in the identity block) for the search icon in the expanded megabar. r=adw

Comment 3

[Natalia Csoregi [:nataliaCs]]

https://hg.mozilla.org/mozilla-central/rev/01993d1c73d1