Change The Address Bar Colors In Firefox

Here is a cool trick to change the background color and font color of address bar in Firefox.

Follow these steps :

• Ensure that Firefox is not running.
• Open your UserChrome.css file. For Windows XP, it should be here :

C:\Documents and Settings\Window-user-name\Application Data\Mozilla\Firefox\Profiles\[profile name]\chrome

In this folder, you will see the following two files :

Rename the userChrome-example.css to userChrome.css and open it with a text editor like WordPad.

• Paste the following code at the bottom :

#urlbar { background-color: #00FF00 !important; color: #000FFF !important; }
#urlbar[level] .autocomplete-textbox-container >* {
background-color: #FFFFB7 !important;
}

• Save the file and start the Firefox. You can see the changes in the address bar.

You can change the color combination. Change the color code to desired value.  See this for color codes.

Must Read These Posts:

1. Perform Searches On Multiple Search Engines From Address Bar
2. Title in Address – Replaces URL In Addressbar With Page Title
3. Know Your IP Address Using Firefox Add-on
4. Futz.me – Send Stuffs From Address Bar
5. Change Favicon Of Bookmarks In Firefox
6. Rebrand Firefox And Thunderbird
7. QuickFox Notes Is A Fantastic Note Taking Add-on For Firefox