Change Progress Bar Colour

If you’re bored by the default colour of the progress bar in the status bar and for downloads, then why not change it!

You need to manually edit the userChrome.css file with you file find in your Profile Folder.

Simply add this code:

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

And change #660000 to any HTML colour you want.

Some examples:

  • #333366, for blue
  • #660000, for wine
  • #996600, for gold
  • #FFCCCC, for pink
  • #9900FF, for sky blue
  • #006600, for green

What Is userChrome.css?

userChrome.css is a CSS file in the chrome folder within the Profile Folder.

It can be used to change almost every part of how Firefox looks.

It doesn’t exist by default, so if it doesn’t you need to create it by just making an empty text file called userChrome.css in the chrome folder in the Profile Folder.

Where Is The Profile Folder?

The profile folder is where all of your unique user settings and addons for Firefox are stored.

Here is where you can find your Firefox Profile Folder:

Windows XP

Example:    C:\Documents and Settings\<user name>\Application Data\Mozilla\Firefox\Profiles\<profile folder>

Note:   The Application Data folder is a hidden folder; to show hidden folders, open Windows Explorer and choose “Tools → Folder Options → View (tab) → Show hidden files and folders”.

Windows Vista

Example:   C:\Users\<user name>\AppData\Roaming\Mozilla\Firefox\Profiles\<profile folder>

The AppData folder is folder is a hidden folder; to show hidden folders, open a Windows Explorer window and choose “Organize → Folder and Search Options → Folder Options → View (tab) → Show hidden files and folders”.

OS X

Example:    ~/Library/Mozilla/Firefox/Profiles/<profile folder>

Example:    ~/Library/Application Support/Firefox/Profiles/<profile folder>

Note:   The tilde character (~) refers to the current user’s Home folder. so ~/Library is the /Macintosh HD/Users/<username>/Library folder.

Link Alert

Have you ever been on a page and hovered over a hyperlink so that you can see the filetype of the link you’re about to click on.

Now with the addon Link Alert you can just hover over a link and the cursor will change to tell you what the link points to.

Firefox Addon:  Link Alert

Source: Link Alert

Firefox Encountered a Popup

It’s not very often Firefox has a popup!

Firefox Encountered a Popup

Firefox Encountered a Popup

Next Page »