Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

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?

share|improve this question
5  
You ought to wait till release of Firefox 4, perhaps themes will flow then. –  Sathya Oct 25 '10 at 15:54

6 Answers 6

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: alt text

share|improve this answer

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).

share|improve this answer
    
I'd rather see display: none; the #appmenu-toolbar-button is the downright ugliest, stupidest UI decision inflicted upon the FF userbase. "OH HI! Let's make our application look like windows xp! Everyone like XP! And MS is the bestest at making the UIS!" –  KitsuneYMG Jan 31 '11 at 15:33

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
share|improve this answer
    
Rather than Status-4-Evar, I suggest Link Target Display, Barlesque, and Download Status Bar. I used this and turned my statusbar off a while ago. –  KitsuneYMG Jan 31 '11 at 16:20

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 }!
share|improve this answer

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.

share|improve this answer

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)

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.