Change Progress Bar Color

From Firefox Extension Guru's Wiki

Jump to: navigation, search

Changes the color of the progress bar (in the status bar).

Compatibility

  • Firefox 2.0: YES
  • Firefox 3.0: YES
  • Firefox 3.5: YES
  • Firefox 3.6: YES

Background

By default the progress bar is blue, but the color can be changed.

The Tweak

Note: For this tweak we recommend using the ChromEdit Plus extension. Add these lines to your userChrome.css file located in your profile folder:

 /* Change the progress bar color */
 .progress-bar {
 -moz-appearance: none !important;
 background-color: #660000 !important; }

To specify the color, locate the color here and note the six-digit hex code. Within the code you have copied from above to your userChrome.css file, replace ‘660000′ with the six-digit hex code for the color you have chosen. Make sure you include the ‘#’ in front of the six-digit hex code. When finished editing the userChrome.css file, close and restart Firefox and the changes should take effect right away.

Original Article

Personal tools