Download Mozilla Firefox 3.7 Mockup Theme NOW

If you like this article, please share it with your friends and contacts on Google Plus, Facebook and Twitter using following buttons so that they can also enjoy the article:

UPDATE: A new version 2.5 has been released which includes updated Stylish code to fix large bookmarks bar. So download the updated version.

We know that Mozilla Firefox 3.7 is under development and it has been announced that Firefox 3.7 will support Aero Glass and will have a new interface. "BoneyardBrew" along with "SoapyHamHocks" @ DeviantART has created a new theme which provides almost same interface as shown in the 3.7 mockups. Following is a screenshot of this theme:

If you want the same look in your Firefox 3.0 or later, follow these simple steps:

STEP 1: First download the theme using following link:

Download Mozilla Firefox 3.7 Theme

Its a ZIP file. Extract it using WinRAR or 7-Zip. You'll get a .ZAR file which contains the actual theme. Drag-n-drop this file to "Add-ons" window in Firefox and it'll install the theme.

STEP 2: You'll also need to install the "All Glass Firefox" add-on to get the Glass effect which can be found here.

STEP 3: If you also want to get the "Tools" button near "Searchbox" as shown in the screenshot, install "Personal Menu" add-on using following link:

Install Personal Menu

It'll add the "Tools" button near searchbox. Now right-click on empty area near addressbar or searchbox and select "Customize" option. Now drag "Bookmarks" button between searchbox and Tools button.

Now go to "Tools -> Add-ons -> Extensions" menu and select "Personal Menu" from the list. Click on "Options" button and go to "Advanced" Tab. Enable "Hide Drop-Marker" option. Also enable "Hide Menus Toolbar" and "Show temporarily by pressing ALT key" options to hide menubar.

STEP 4: If you face problem while reading text on inactive tabs, you'll need to apply the code given in "newtabfix.txt" present in the downloaded ZIP file using "Stylish" add-on.

Install Stylish

Once installed, copy the code from TXT file, click on the "Stylish" icon present in Statusbar and select "Write new style -> Blank style" option. Now paste the code in text area. Provide a suitable name to the style and click on "Save" button. That's it.

After following these steps, you'll enjoy the same interface in your favorite browser.

Other similar articles that may interest you:

This article was posted by VG in following section: Mozilla Firefox.

If you enjoyed this article, you can subscribe to our RSS feed or free newsletter to get all new articles directly in your Inbox. Also check out our most popular articles and archive to read other interesting articles. If you have some news or tip to share, please send us.

Have You Checked Out Following Popular Articles?

Pathan

I am unable to download all glass add on for firefox.

Getting error 261- invalid file hash...........:-[
Radu M.

Why do people like spoilers so mutch ?! it's beond me. So many themes to choose from and they want this stupid looking theme, figures
sikstik

loooooove this theme!!!!!! Just what I needed to make firefox more pleasing on the eye :-)
Will

Great looking theme. For some reason, the color looks great when FF isn't maximized. If I maximize FF, then the menu area turns dark black as does the Windows task bar across the bottom. When not maximized they are both clear with a blue/green tinge. Any suggestions other than don't maximize?
tim

I am getting an all black theme, and I did all the steps. help?
Chimpanzee

Looks great except for the google toolbar which does not adopt the glass effect :(
Bobby Phoenix

Mark, It isn't in the customize box because it is already on the tool bar. When you have the customize box open just drag the tools icon to the left, or where ever you want it. You will only find the icons that are not already in the toolbar in the customize box.
Mark

I'm losing my mind i think dude, do I drag Tools from the menubar? or somewhere else cos i dont see the tool bar at all :s i'm confused as!
Nikola

Everything work great but i used hide menubar for long time and now when i installed personal menu it seemed like they are in conflict.Now i don't have menubar at the top but i have blank space in stand of it,personal menu didn't hide menu bar just blank the space and leave it unused.
Any help?

Sorry for my english.
Bobby Phoenix

Oh ya know what? I just looked at the screen shot of the at the top of the page. Yeah that tools icon I don't have either. I thought you were talking about the personal menus icon. Hmmm. Now I want to figure it out too. Sorry for the confusion.