bad color visibility

[532910]

It's hard to see lightgray on darkgrey, grey on yellow:

[max-baz]

You refer to the top bar with "github.com" and "Search logins" right? Especially the latter is super invisible on your screenshot, I agree

[532910]

I mean:

1. repository name (&)
2. path (IT/bugtrackers/)
3. name github.com
4. "Search logins..."
5. site name: gihtub.com (grey on yellow)

[max-baz]

Basically the entire design 😅

[532910]

Key and login icons are visible, and significant more contrast than all other elements

[532910]

Search logins... is still hard visible.

[532910]

Other colors looks good.

[532910]

store name is also hard visible
green background in the previous version was nicer

[max-baz]

Awesome!

Badge background color will be configurable later on, we anyway need to support this to distinguish multiple stores 😉

Thanks for the screenshot, I was wondering why your "Search logins..." is so much dimmer comparing to what I see on my side, turns out Firefox adds some default opacity! Will push a fix in a moment.

[532910]

Moreover, colors are strange!

For example: Simple Tab Groups (https://addons.mozilla.org/en-US/firefox/addon/simple-tab-groups/)
used "default" colors: absolutely same as ff uses itself on the panel:

bg: 323234, fg: bebebe

browserpass-extension uses own colors:
bg: 393939, fg: c4c4c4

[max-baz]

Well I deliberately want to have control of how popup looks, not rely on "default" styles, precisely to avoid situations like when one browser adds strange "opacity" rules making placeholder completely unreadable. And these colors are what I chose and I stand by them 🙂

[532910]

Badge background color will be configurable later on, we anyway need to support this to distinguish multiple stores wink

GREAT!

[532910]

Icon itself is also bad visible. Specially when button is clicked. But changing hue a bit makes is significant more contrast:

I don't insist on this color, but it should be more contrast.