Pinstripe Firefox Gallery

The newly released Mozilla Firefox 0.8 has a new look on Mac OS X. It is the first Firefox milestone to be released with the Pinstripe theme as the default. Here are a few screen shots.

Screen shots of Firefox on Windows can be found at Neil’s World.

Click on an image to see a full screenshot.



The main browser window


The Preferences dialog


Tab Browsing in action


The Add Bookmark dialog


The Bookmark Manager


The Download Manager


Tthe History sidebar


The Customize Toolbar dialog

80 thoughts on “Pinstripe Firefox Gallery

  1. These theme makes firebird more aqua looking than camino, it’s so elegant, ive been using it since the firstnightlies it is a great work… i was wondering if your you are going to develop a mozilla one??

    The only thing thats missing from totally turning me to FB its that there is no close button per tab ala Safari…

  2. Thanks for the compliment Mario 🙂 Yes I am going to be making a Mozilla Suite theme after I announce the Thunderbird theme which should be in the next week or two.

  3. Kevin
    Thanks again for your Pinstripe themes… As a Mozilla suite fan, I’m waiting (for a long time now !!! :)) your version for 1.6 and next… firebird is nice, but a little bit too much rough on mac for the moment… And the suite app. is almost perfect !!!
    Thanks again !

  4. I’m no Mac user, but wouldn’t the customize toolbar dialog be better displayed as one of those spiffy ‘sheets’ instead of a dialog window. That seems to be the UI rule concerning dialog boxes on teh mac.

  5. You’re right rgw. Here’s the bug report that covers it. This is one of the rough spots which will hopefully be smoothed out by Firebird 1.0

  6. Thanks for the info Kevin! BTW, your theme looks very classy; definitely makes firebird look ‘purdy’ on the mac.

  7. Hey,

    congratulations for your theme. I really love it and even switched back from safari to firefox just to be able to use it.
    Looking forward to the Thunderbird-theme, thoug 😉

  8. The theme is gorgeous. Looking forward to the app. suite version. It’s the only reason I’ve been hanging on to Mozilla 1.4.1.

  9. Brad, hermeneut, this theme probably won’t ever be made to work on Windows, because Apple vigorously defends the Aqua style, and wants to keep it only for Macs. *sigh*

     – Minh

  10. can you release a version of pinstripe so it can work on windows because it looks lke a really good theme.

  11. Am I the only one that doesn’t like the new “it looks like Safari!” widgets? I preferred the old colourful Pinstripe 3 ones.

    At least it’s not that fugly “brushed metal” look (*shudder* …)

  12. This one is for Mario – the guy who posted first – you can have close buttons for each tab in Fire[bird|fox]. You just have to install the ‘Tabbrowser’ extension – and it is in there amongst the many other cool options this gives …

    eg. you can shuffle the order of tabs, you can recall recently closed tabs, you can change color o f active tab, oh the list is so long my fingers just fell of

  13. The tabs look great but the buttons are ugly and the favorites bar looks like the appalling Safari ! I hope you’ll deliver an alternative with colorful buttons. Nice work nevertheless. Congratulations.

  14. I agree. Please bring back the old default theme. This new one is ugly. How one can design so horrible widgets is a mystery. Keep it for you if you want but the problem is that I can’t find how to recover the old default theme who was perfect. Please help.

  15. This new one is ugly.

    You might try a different way to ask someone who is giving up their time to do something to benefit all of us. I don’t understand ungrateful people like you.

  16. You’re right. But why to be grateful for something I don’t like ? I suppose you can’t understand that someone don’t like this theme but it’s not a criticism of your work. Technically the execution is perfect. I just don’t like these ugly widgets. Personnaly, I can’t understand you like it. Thanks for your efforts nevertheless.

  17. Great work, this theme is awesome!!

    The only thing I would object to is the scissor icon you chose for “cut” button, which is visually unrelated with “copy” and “paste” ones – please don’t blame me for addressing such a trivial point… 🙂

    Slighty off-topic, my 2 cents on the issue of “Close tab” button location addressed by Mario: although Apple’s choice brings the benefit of letting you close backgrounded tabs quickly, I think that from an UI standpoint Mozilla’s solution is preferable because enhances spatial consistency.

  18. I’ve been using firebird 0.8, err -fox, since the january nightlies and like it better than Safari. It’s rock solid and fast and renders almost everything you throw at it. And with Firefox-pinstripe a great browser got great looks! I love it. Lean and mean 😉 Thanks for getting all the icons done so well. I’m still amazed by the robustness of firefox and pinstripe. (I like firefox-pinstripe better than the old mozilla-pinstripe 2.0.) Thanks Kevin!!!

    Statistics: Mac OS X 10.2.8, Powerbook G3 500 Fw

  19. Port this to Windows, you know someone is going to do it anyway, you might as well do it right.

  20. Riccardo: what do you mean by “enhances spatial consistency”? I honestly can’t figure out what that’s supposed to mean. To me, having a single “close current tab” button makes about as much sense as having a single “close current window” button in the corner of my screen.

    One of the main things preventing me from switching to Firefox is the clunkiness of the tabs compared to Galeon. Every time a new version comes out I give it another chance. I’ve also tried using “Tabbrowser extensions”, but Galeon still has significantly better tabbed browsing support, IMHO. Galeon lets me have:

    • tabs at the bottom (makes mores sense to me for some reason). Tabbrowser extensions lets you turn this on, but the tabs still render like they’re supposed to be on the top. :-Q
    • close buttons on the tabs. Again, Tabbrowser extensions lets you turn this on, but the close buttons it uses are ENORMOUS. The close buttons on my Firefox tabs are about 1/3 the size of an entire tab in Galeon.
    • closing the last tab closes the window. This seems like the most obvious thing, but I can’t get this in Firefox even with Tabbrowser extensions!
    • can drag tabs off of a window. If I want a tab to be in its own window in Galeon I can just drag it off.
    • Galeon seems to be a lot smarter about where it opens tabs. It also remembers which tabs I’ve looked at, and which I haven’t, and color codes them.
    • sensible options without having to install a separate extension that pops up big ugly dialogs and makes my browser unstable (I get a lot more crashes and bizarre rendering artifacts when Tabbrowser extensions is installed)
  21. Hey, I installed Firefox on a OS X 10.1 machine I had lying around. However, I noticed that the default theme is different from the one show in the screen shots at the top of this page. Unlike the screen shot pics, my Firefox doesn’t have that new smoothe 10.3 Panther look to it. I still see the horizonal lines all over the interface. Is this normal? Is the Firefox/Pinstripe theme supposed to look different depending on the OS it’s running on?

    Thanks (appleweek@hotmail.com)

  22. The first screenshot says “Firebird” at the top.

    Windows users can ‘sort of’ apply the Pinstripe theme if they skin Windows itself. Use StyleXP – version 2.0 comes with various Mac-style themes!

    See http://www.tgtsoft.com

    I have my PC running the OSX Aqua theme – so much nicer!

  23. Laurence, I was referring to a “good rule” in interface design, which says that buttons and controls should always, as far as possible, keep the very same position on screen. This is intended to help users automate the mental process required to target the active area of the control (“muscle memory”), thus letting them gain confidence and efficency when operating the interface. In general, Mozilla close tab button keeps the very same relative position in the browser’s windows. Speaking of my personal habits, I also find this very comfortable when I’m on Windows OSes: I’m used to keep all windows maximized to full screen, and in this special case, the close tab button maintain the same absolute position on screen. I istintictively konw that I have to move to the upper left side of the screen to hit the button – and, by the way, I also have not to worry about bringing another tab to the front if I “mistarget” the button’s active area.

    Anyway, I can admit that those could not be such strong points when it comes to different users’ behaviors, and when compared to other advantages carried by having close buttons on each tab.

    Also, I’m not sure, really, if “spatial consistency” is the right term for this thing – I’m italian and my english is a bit rough, beg your pardon 🙂

    Cheers

    PS: sorry for long posting on a collateral issue.

  24. awww…
    I wish this would be ported to windows…
    🙁 oh well…
    Keep up the good work! (and port this theme to windows!)

  25. Stop asking for Windows ports. This isn’t as simple as you may imagine. Yes, most themes work fine on any OS version of Firefox, but Pinstripe isn’t like most themes.

    Pinstripe actually makes use of the GUI libraries on OSX to make it look that way. There’s no way to simply port these libraries to Windows, so Pinstripe can’t simply be ported to Windows. Yes, someone could make a theme that looks nearly identical to Pinstripe, but it’s not really reasonable to ask this guy to maintain two themes that look the same just so people on Windows can use this.

    If you really want this look you have a couple options:
    – Write your own theme that looks like this
    – Get one of the theme programs for Windows (not a complete solution, but similar)
    – Get a Mac. If you like the look so much, why not actually get a Mac and forget about Windows.

  26. Just got Firefox (what an improvement from 0.7!) & I do like the new version of Pinstripe very much. Still, sometimes one wants buttons with pretty colors too! Any chance you might port the last version of Pinstripe over for Firefox as an alternate for us to use? Or perhaps color this one in with colors to match the buttons you used in the Bookmark manager? I think you were going for the Apple plastic button look, which is cool, but as I said, sometimes one wants pretty colors!

    Thanks for all the work you’ve put into your themes!

  27. Matt,

    While I understand that a Win32 port of this theme is not trivial and unlikely to happen for legal reasons, you can’t blame people for asking.

    > Write your own theme that looks like this

    Not everyone is a graphic artist. Most Windows users don’t have the tools or ability to create their own theme.

    > Get one of the theme programs for Windows (not a complete solution, but similar)

    Probably the best solution.

    > Get a Mac. If you like the look so much, why not actually get a Mac and forget about Windows.

    Because I’d have to drop over $2k on a fast Mac and spend another $1k re-buying software. And even then I’d have to use VPC to run software that doesn’t exist for the Mac. I’ll have to hit the lottery before I switch.

  28. I don’t endorse this port, but there’s a MozillaZine thread about it.

    Yes I made it in a fit of weakness a few months ago. I’m not sure if I have the free time to update it or maintain it. It is only a test at this point.

  29. One thing that I’ve been wondering about is why the input boxes and drop down lists don’t have the mac style. The buttons look like windows. Other than that, this theme is awesome.

  30. the theme is absolutely gorgeous. beautifully safari-esque. you need to make it for windows because I love safari but I can only use that at school and the closest thing I cna get at home is using firefox on windows.

  31. This theme is absolutely stunning. I love it.

    Regarding the Windows port…
    (The Windows port [classic.jar above] has some problems with the Privacy and Advanced sections under Options. The [+] boxes are missing. And the ‘Save All Files to Folder’ dropbox under the Downloads section under Options is a bit large on the height side. And the navigation toolbar has a bit too much space above and below the buttons. But don’t get me wrong. It’s a GREAT port, and I appreciate all the work put into it.)

  32. i think windows users should use their own themes that they have access too, theres only like THREE themes that work ok on mac (including pinstripe), but yet so many users would rather use the themes that were MAC ONLY than their own…

  33. Very nice. The only problem–and it’s probably not a theme problem–are the big, ugly, jagged form entry areas and submit buttons. Why isn’t Firemonkey (or whatever the name is today) using the same form items that Safari is?

  34. My only problem, and it keeps me using Safari most of the time, is that the drop-down list of bookmarks is so narrow in Firefox that I cannot tell which bookmark is what. Can this be widened to match the text, as in Safari?

  35. Tony, which dropdown list of bookmarks do you mean? Can you email me a screenshot? Thanks

  36. Excellent job. Clean and much better than the Apple airbrushed look. Gets better all the time.

  37. Thank you for your super excellent theme for Firefox!
    I am using Pinstripe before I knew Phoenix, and I am still using Mozilla 1.4.1 because 1.5 looked so bad without pinstripe that I realised how important UI designs are.
    Please continue your excellent jobs, and I hope next version will be one for latest Mozilla.

  38. I’d like to use Pinstripe, but it simply dosn’t work with TabBrowser Extension – the tabs appear on the bar in peculiar positions and you cannot drag them around.

    Since the facilities offered by TBE are the main reason for using FireFox rather than Safari I am unable to use Pinstripe.

    Anyone else find it’s incompatible with TBE? Any fixes for this clash?

  39. Is there anywhere to download and install this theme for Firefox on other platforms?

Comments are closed.