How to Change the Color of an Address Bar

By Ruri Ranbe

Popular browsers, such as Mozilla Firefox and Internet Explorer, allow you to apply custom skins to the browser's interface. To fully customize your Web browser, you can also change the color of the address bar to match the skin. rnrnWhile you must edit Windows' display properties to modify the color of the address bar in Internet Explorer, to change the color of the address bar in Mozilla Firefox, you need only add a special code to the userChrome.css file.


Step 1

Exit Firefox. Press "Ctrl"+"E" to open Windows Explorer. Type into the address bar "C:\Documents and Settings\<user>\Application Data\Mozilla\Firefox\Profiles\<profile>\chrome". Replace "<user>" with your Windows account name. Replace <profile> with the name of your Firefox profile. Hit "Enter."

Step 2

Right-click "userChrome-example.css." Click "Rename." Delete the "example" portion of the file name.

Step 3

Right-click "userChrome.css" and point to "Open With." Select "Notepad" from the list of options.

Step 4

Paste into the bottom of the document the following text: "#urlbar { background-color: #<bgcolor> !important; color: #<textcolor> !important; }". Replace "<bgcolor>" with the hexadecimal code of your desired background color, and replace "<textcolor>" with the hexadecimal code of your desire font color. Enter "FFFFFF" for white, "000000" for black, "FF0000" for red, "0000FF" for blue, "FFFF00" for yellow, "00FF00" for green, "FF7F00" for orange or "FF00FF" for magenta.

Step 5

Click "File," then "Save." Launch Firefox to view the modified address bar.

Internet Explorer

Step 1

Right-click the desktop. Select "Properties" from the pop-up menu. Click the "Appearance" tab, then click "Advanced."

Step 2

Select "Window" from the drop-down menu labeled "Item." Select a new color from the available palette, or click "Other" to access a wider range of colors.

Step 3

Click "OK." Click "OK" again to change your address bar's appearance.

Tips & Warnings

  • To change the color of the address bar in Safari or Google Chrome, follow the directions as indicated for Internet Explorer.
  • Modifying the "Window" color will effect other parts of the operating system's graphical user interface, along with the address bar.