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.
:)
Read More Articles:

Pingback: Scott Reese
Pingback: Scott Reese
Thanx man. I was bored by looking at the same color of Firefox.
Useful post
i can get the background to change, but i can’t get the text to change color. Any ideas?
I’d really like to change the background colour of the dropdown thing, as I’m using the Dust theme in Ubuntu and it’s almost impossible to read what’s in it… anyone know if this is possible this way?
Cheers,
Svend.