Firefox 3 themes preview

Published: November 23rd, 2007
  •  Print

Gran Paradiso posterFirefox 3 Beta 1 shipped with no changes to the default theme so far in any platform. However, updates on their way and should be publicly available by Beta 2.

One of the main changes we will see is that Mozilla is breaking from the “same look in all platforms” mantra to a more relaxed “similar recognizable look in all platforms”. On the topic, Alex Faaborg, member of the Firefox UI (user interface) team, posted a long post a few days ago about what is the new approach for delivering a homogeneous look and feel among Windows, Mac and Linux platforms while fitting in each OS particular style.

In brief: UI elements color and texture will help OS integration while their shape and size will ensure a common aspect that users can recognize.

But that’s just part of the equation when it comes to touching Firefox default theme, or more properly, themes.

The other of course is usability. So the back button is getting bigger and the independent back and forward history menus could be merged into a single one placed between the back and forward buttons. The rational is simple, the back button is the most used button and it just makes sense to make it easier to reach.

The change will serve a second purpose: shape. Alex proposes the need for an easily recognizable shape in the same league as the iPod outline, the Coca-Cola bottle silhouette, or the Beetle shape. It would certainly help Firefox marketing efforts as it becomes part of its identity.

Here it is in Mac OS X silver, Vista glass and XP plastic textures and colors, just as promised. I like the fact that the Firefox logo and name could fit in this shape.

Firefox 3 theme shape

More changes: the home button is sent to the bookmarks toolbar by default; the go button appears only when you are entering an address in the location bar and replaces the star and feed icons if present for a cleaner look. The throbber, the little thingy in the far right edge of the menu toolbar that animates when loading the current page, will be moved to the site button so it is better associated with the site instead of the whole application.

The following sketch, provided by Alex, summarizes these and other changes that have already landed in Beta 1 like the star button and the site icon.

Firefox theme sketch

While these changes are yet to be implemented Mac OS X users can already see the work in progress via Proto 0.7, a Firefox for-Mac-only theme developed by Kevin Gerich, released along with Firefox 3 beta 1.

Firefox 3 theme progress - Mac

Beautiful, isn’t it? But not very Firefox-ish. Hopefully the shape trick will do the magic.

The Linux themes are progressing very well using Gnome’s Tango style.

Firefox 3 on Ubuntu 7.10, tango style

For screenshots on other Linux variations, see this Ars Technica article.

Stay tuned for more on the development of Firefox 3.

This entry was posted on Friday, November 23rd, 2007 at 7:14 am and is filed under Firefox, Firefox 3, News. You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.

18 Comments on “Firefox 3 themes preview”

Subscribe to this post's RSS feed

  1. 1. Leo
    November 23rd, 2007 at 9:01 am

    Just I said before, the back button is not an original idea.

    In fact, was a Microsoft idea when they were designing Longhorn, the Windows that never was.

    Take a look:
    http://members.iinet.com.au/~aaronharvey/Vista/DiamondBackButtons.PNG

    [Reply]

  2. 2. David
    November 23rd, 2007 at 9:05 am

    It will be very interesting to see the theme changes in beta 2! (Or on the trunk, if you’re like that.)

    [Reply]

  3. 3. Jeton
    November 23rd, 2007 at 11:59 am

    Those themes look yummi :D

    And Mr.Faaborg definitely knows what what he is talking about. Some great explanations.

    Thanks for sharing this.

    [Reply]

  4. 4. jeff
    November 29th, 2007 at 5:10 pm

    “the home button is sent to the bookmarks toolbar by default;”

    grr. I disagree with that, and many others did when it was suggested before. It’s used a lot and needs to be on the main bar.

    I hope “by default” means we can easily add it to the main bar as we can add other buttons… yes?

    The two-sided back-forward button sounds like an interesting concept…

    [Reply]

  5. 5. Jason
    December 22nd, 2007 at 2:05 am

    Thank you. I am really happy that there is a theme that makes Firefox look closer to the system that it is on. Much appreciated work!

    [Reply]

  6. 6. James Cleveland
    December 27th, 2007 at 7:09 am

    I’m not sure if my comment got submitted last time (another page caused Firefox to crash), but I’d like to request that all of the themes are cross compatible, because often we dislike the OS default style (Luna is ugly) and would prefer to have the icons for an alternative platform (for instance, if you have patched your icons to look like the tango gnome style).

    Also, a gnome-colored theme (ala the Gnome-Tango icons) would be excellent, if there is time :)

    [Reply]

  7. 7. -V-
    January 16th, 2008 at 4:50 pm

    Sorry to dissapoint you Leo but Longhorn IS Vista, it was the codename for the beta version of vista before it was released.

    [Reply]

  8. 8. pracas upreti
    January 18th, 2008 at 6:04 pm

    thanks for the firefox 3 . But same problems occurs everytime that my firefox crashes up in my system. The problem is from firefox 2.11 and still the same thing is happening.

    and finally my request goes to kevin for creating and placing the firefox 3.0b2 theme.

    Thanks

    Pracas Upreti
    Nepal

    [Reply]

  9. 9. Jack Waddington
    January 21st, 2008 at 5:13 pm

    One of the first things I do upon opening Firefox is to select BBC “Latest Headlines”, but with this Beta version I have to go to the bottom and force it to “Open” in order to read the newest list. This is not necessary with Version 2 on the Mac using OS 10.4.11. Why is this so?

    Otherwise, nice though the program is - it’s always been my preferred browser - it does not look a whole lot different to me. Oh, and I find Opera is MUCH faster at finding a file that I want downloaded. Again, I can’t figure out why.

    [Reply]

  10. 10. Armandas
    February 13th, 2008 at 7:52 am

    You people obviously did not try running Firefox on KDE. It looks awful. You must do something..

    [Reply]

  11. 11. Richard Burdette
    February 19th, 2008 at 6:39 pm

    What happen to the google tool bar in #3

    [Reply]

  12. 12. Ajit
    February 19th, 2008 at 11:52 pm

    I dont agree with putting the home button in the bookmarks toolbar. What’s the rationale behind it? I use the home button a lot because i use Google personal pages and from time to time i need to go back to it to check my email or read a news update.
    Not having the home button sucked until i discovered where it had disappeared. Bring it back please!

    The icons look like crap, absolutely no personality. Expect more from Firefox. i like the redesigned back button from a useability standpoint, but it doesnt look good.

    [Reply]

  13. 13. Lex McPhail
    February 20th, 2008 at 9:09 pm

    “the home button is sent to the bookmarks toolbar by default” Is there any way to put the Home button back onto the Nav toolbar? I did not have the bookmarks toolbar visible and run the Nav toolbar with small icons. Customise Toolbar does not have the Home button listed.

    I like the combined forward and back history.

    [Reply]

  14. 14. Deb
    March 8th, 2008 at 5:16 pm

    To get the home button up to the main toolbar. first hit view and click to show the bookmarks toolbar now right click on the bookmarks toolbar and click customize, once that window open you can drag and drop the home button so just click it (hold) drag up to wherever you want it.

    [Reply]

  15. 15. Richard Burdette
    March 9th, 2008 at 3:03 pm

    What happened to the Google tool bar? That was the only add on that was useful

    [Reply]

  16. 16. Brad, ten year old blogger
    March 24th, 2008 at 5:54 pm

    Well, the Windows one looks a bit slab, though. I wish they could have that cool look on Windows XP as well.

    [Reply]

  17. 17. Bamm
    March 31st, 2008 at 11:09 am

    It may look fine in Ubuntu, but it looks horrible in Kubuntu. Any plans for making it look better in KDE?

    [Reply]

  18. 18. Dusan M. Stojanovic
    April 28th, 2008 at 11:10 am

    Hi Everyone,

    j find mozilla for one of the best browser on the web wordwide.

    [Reply]

7 Trackbacks/Pings (Trackback URL)

  1. 1. Unified Back/Forward button for Firefox : Mozilla Links November 23rd, 2007 at 11:26 pm
  2. 2. Next steps for Firefox 3 : Mozilla Links November 24th, 2007 at 12:45 am
  3. 3. Next steps for Firefox 3 : Mozilla Links November 24th, 2007 at 12:45 am
  4. 4. Firefox 3 icons preview : Mozilla Links December 13th, 2007 at 5:21 pm
  5. 5. Correo, a native Mac OS X email client : Mozilla Links December 18th, 2007 at 9:03 am
  6. 6. Firefox 3 Beta 2 review : Mozilla Links December 19th, 2007 at 11:17 am
  7. 7. Firefox 3 theme icons on Windows XP : Mozilla Links January 28th, 2008 at 3:55 pm

Leave a Reply




Comment:

Links

Recent Entries

Recent Comments