The following is a method to customize the appearance of firefox using personal profile Chrome.css settings.

Steps

Method1

ChromeEdit Plus Codes

1

Editing Firefox Chrome settings is difficult, but an add-on extension called ChromeEdit Plus makes it easy. For whatever reason Mozilla has made it difficult to get. It can be found on the following page: "ChromeEdit Plus 2.7.0"

2

This Addon is unsigned but seems to be ok. Open ChromeEdit and in userChrome.css enter code, click save and restart. Sometimes it takes experimenting. Code may be removed at any time and browser will revert to old form.

UserChrome.css is fairly exacting. It looks like this:

/* Menu and toolbar color */

navigator-toolbox {background: #efcb87 !important;

}

However CSS code takes all sorts of forms. Not all codes that one may find on the internet work. The ones shown below work for me with the latest Firefox edition.

This one changes the color of the top two browser tiers or menu and navigation toolbar

/* Menu and toolbar color */

navigator-toolbox {background: #efcb87 !important;

}

This changes the font size and color of the address or URL bar.

/* Change address bar font */

urlbar{ font-family: Arial !important; font-size: 11pt !important;

color: brown !important; background-color: #9fddef !important;

}

Changes background color of the bookmarks toolbar.

/* Booksmarks toolbar color */

PersonalToolbar { background: #a8d787 !important;

}

Self-evident with no border.

/* Change tab bar background color */

browser tabs {-moz-appearance: none !important;

border: 0 !important; background-color: #df8453 !important;

}

This one changes the font size on the browser search window. Cannot find how to change font color.

Method2

Other Info

Adjustments in appearance and color can also be made with add-on extensions:" Addons"

3

Bookmarks tool bar: You can use favicons of choice, remove text and create spacing. To add favicons to Bookmarks Toolbar: Place cursor on favicon in address window and drag to toolbar. To remove text from favicons on tool bar: right click the favicon/Properties/Delete name. The latest updates to Firefox allows one to choose one's own favicon. Right click on a favicon you want to change on Bookmarks Toolbar. Properties/icon/Browse/ and select from a folder you have created containing favicons either downloaded from a favicon sight or one you have created. To remove text: right click the favicon/Properties/Delete name.

4

Tabs tool bar:

One might begin with the extension:

" Tab Mix Plus This has a lot of options for control of tabs. However this is so complicated, I doubt anyone can figure it out. A more simple tab control tool is " Tab Browser Preferences. After downloading, it shows up as 'Tabbed Browsing' on your Options/Tab menu. To get new tabs to open in window: Tab Focus/Mouse Tab Focus/Select/New tabs created by links.