Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to change the color of the notification bar?

more options

The notification bar on Firefox is the same color as the address bar.

When a plugin is enabled, for example, Silverlight, users do not notice the notification bar and hence think that there is something else with the server, the video, and everything else but that button.

Is there a way to change the color of the address bar, to make it more obvious? Or even have that notification to be obstructive like a pop-up? If that is possible to do, how do I push that change across 10,000 desktops?

Thanks and regards, -K

The notification bar on Firefox is the same color as the address bar. When a plugin is enabled, for example, Silverlight, users do not notice the notification bar and hence think that there is something else with the server, the video, and everything else but that button. Is there a way to change the color of the address bar, to make it more obvious? Or even have that notification to be obstructive like a pop-up? If that is possible to do, how do I push that change across 10,000 desktops? Thanks and regards, -K

All Replies (1)

more options

You probably are familiar with userChrome.css (http://kb.mozillazine.org/UserChrome.css), a file you can create to apply custom style rules to Firefox's interface. Distributing that to the correct location would be the challenge.

A rule to color the push-down notification could be something like:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.notification-inner{
  background-color: #ff8 !important;
}

I've attached a screenshot showing the result.

The "Lego" icon is a little trickier because the area inside the angled border stays white even if you color behind the icon. So this isn't pretty, but someone else may have some suggestions for improving it:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#notification-popup-box {
  background-color:#ff0 !important;
  padding-right:4px !important;
}

I've attached a screenshot showing the result.