Is there a way to make Firefox 4 less ugly?

Question

The only reasons I'm not using the Firefox 4 beta are purely aesthetic -- the bright orange menu button is awful and there's the fact that toolbars (such as the Bookmarks toolbar and StumbleUpon) are solid colors and don't blend with the rest of the window.

Are there any themes or any type of fix for this problem?

Answer 1

You can always make Firefox 4 look like Firefox 3. You would have to make the toolbar and the menu bar visible again. This way the orange menu button would disappear.

Just press 'Alt' and the menu shows. Go to view/toolbar and select the menu bar and the toolbar. The themes already works. I am using one now as you can see in the picture bellow:

Answer 2

You can change the color of the menu button with 3 line of code:

#appmenu-button {
  background: 'color';
}

Replace 'color' with anything that's supported by FF4 (rgba, rgb, color names, hex etc.). Save the file as Chrome\userChrome.css in your profile directory (e.g. Windows 7 - C:\Users\USERNAME\AppData\Roaming\Mozilla\Firefox\Profiles\PROFILE_ID\Chrome\userChrome.css).

Answer 3

I use two fine extensions to remove much of the Google Chrome-esque stink from Firefox 4 beta 8:

• Status-4-Evar - restores the status bar, progress bar, and status text to their rightful place at the bottom of the window
• Firefox 4 UI Fixer - makes the orange menu button much smaller and lets you move it to a better location, such as the tab bar or a toolbar; also restores the page title to the title bar even if the main menu bar is not visible

Answer 4

The below applied to my computer. Ubuntu 10.10, Minefield 4.0pre10 2011-01-18:

Get the following extensions:

Adblock+
Download Status Bar
Link Target Display
Omnibar
Rss Icon
Stylish
Scriptish
Personal Menu 4.3.2 (Not the newest version. It's a POS that only works with the appmenu BS) Don't forget to disable updating
Hidemenubar (Only needed for linux?) Barlesque (There are several stylish extension that doe this too, but barlesque works w/o fiddling

Right click on the tab-bar background and select customize

1. Remove the search bar and the spacer for it.
2. Select "Use Small Icons"
3. Put the following in your 'navigation toolbar': Personal Menu, PM-Bookmark Icon, PM-History Icon, Back/Forward button (Will fix below), URL Bar, Reload, Stop

Right click tab-toolbar and uncheck "Menu Bar" and "Bookmarks Toolbar". Check "Addon-Bar"

Either make a Stylish style with

@-moz-document url-prefix('chrome://')

or a userStyle.css

Add the following rules. (YMMV I use Ubuntu)

#forward-button,
#back-forward-dropmarker,
#star-button,
#context-openlinkintab,
#context-sep-open,
#context-bookmarklink,
#context-sendlink,
#context-viewimageinfo,
#context-sendimage,
#context-setWallpaper,
#context-setDesktopBackground,
#context-back,
#context-forward,
#context-reload,
#context-stop,
#context sep-stop,
#context-bookmarkpage,
#context-savepage,
#context-sendpage,
#context-sep-viewbgimage,
#context-viewinfo,
#context-metadata,
#context-sep-bidi,
#context-bidi-text-direction-toggle,
#context-bidi-page-direction-toggle,
#menu_bookmarkThisPage,
#subscribeToPageMenuitem,
#menu_bookmarkAllTabs,
#subscribeToPageMenuitem,
#liveclick-options-menu,
#bookmarksToolbarFolderMenu,
#bookmarksToolbarFolderMenu + menuseparator
{ display:none !important }


.tabbrowser-tab:not([pinned])[fadein]
{
  max-width: 200px !important;
  min-width: 200px !important;
}

.tab-close-button { display: -moz-box !important; }

#appmenu-toolbar-button { display: none !important }!

Answer 5

If you right click on the toolbar and toggle the menu bar, the menu bar will come back permanently and not just when you press alt (also removes the orange button). You can also right click the toolbar and put the tabs back on the bottom if you want.

All personas themes already work with Firefox 4, just find one you like here: http://www.getpersonas.com

However, personas don't change how the buttons and other interface elements look like, only the background of the interface. You can install full Firefox themes (https://addons.mozilla.org/en-US/firefox/themes/) to change this, but note that most of them probably won't be compatible with Firefox 4 yet.

Answer 6

Firefox's UI is controlable by CSS. hegearon brings up a great fix for the Button, and there are plenty of addons to make changing its look easy. There's also userstyles.org that are used with stylish to style websites, as well as the firefox chrome UI.

Right clicking the tab bar will give you the option to turn the tabs back to how they use to be by turning on the menu bar, and switching off Tabs on top (unless you like that and want to keep it)