636729 - Status panel is hard to see when the page has lots of text

Status: NEW

(Firefox :: Theme, enhancement, P5)

Description

[Marco Bonardo [:mak] (Away Apr 25 - May 5)]

Attachment: screenshot

So, I know my eyes have issues, but I find the new status panel barely visible, indeed I often have to stop for a moment to be able to read it.  The first problem is that it's hard to visually distinguish it from content, the fact the test is not black also doesn't help.

The screenshot attached is a extreme example where both problems cohexist, but I currently notice this issue in a lot of different pages.

I guess if we could find a way to make it better readable.

Comment 1

[Marco Bonardo [:mak] (Away Apr 25 - May 5)]

not sure if I should consider this a regression, the link in the locationbar or in the old statusbar was far more readable for my eyes. most likely for the clear separation from content.

Comment 2

[Marco Bonardo [:mak] (Away Apr 25 - May 5)]

For whoever has eyes problems similar to mine, Shorlanded handed me this userchrome.css change to improve the situation.
I barely added a color: #111 to increase the text contrast (was too faint for my vision).

.statuspanel-label {
  color: #111 !important;
  border-top-right-radius: 5px !important;
  padding: 2px 4px !important;
  background-image: none !important;
  background-color: rgb(252,252,252) !important;
  border-width: 3px 3px 0 0 !important;
  border-style: solid !important;  
  background-clip: padding-box !important;
  -moz-border-top-colors: rgba(0,0,0,.1) rgba(0,0,0,.2) rgba(0,0,0,.4) !important;
  -moz-border-right-colors: rgba(0,0,0,.1) rgba(0,0,0,.2) rgba(0,0,0,.4) !important;
  -moz-border-bottom-colors: rgba(0,0,0,.1) rgba(0,0,0,.2) rgba(0,0,0,.4) !important;
  -moz-border-left-colors: rgba(0,0,0,.1) rgba(0,0,0,.2) rgba(0,0,0,.4) !important;
}