Firefox 3.7 and 4.0 theme and UI revamp - Mac specific visual refresh

By +Frank B.
in Tips, Tweaks & Customization

 Share

Recommended Posts

Grand Master

+Frank B. Subscriber²

Posted
  • Subscriber²
Posted

Mac Theme/UI Refresh for Firefox 3.7

Fx-3.7-Mockup-Mac-i03-Tabs-Hanging-Large-Back.png

The overall design changes for Firefox 3.7 on Mac are mostly the same as what is being proposed for Windows. Structurally they are very similar with a notable exception:

  • The Menu Bar: The Menubar on Mac is different from its counterpart on Windows. There is no system wide push to phase it out and it is an integral platform UI element.
  • Page and Tools Buttons: Since the Menubar is not being changed these buttons will not be on by default. They can be added from the Customization sheet if desired.

In addition to the structural changes already proposed the Mac theme is primarily focusing on visual design changes.

[...]

Mac Theme/UI Refresh for Firefox 4.0

Fx-4.0-Mockup-Mac-i03.png

Visual Styling

Style changes from 3.7 to 4.0 are fairly minimal except for new elements that must be styled:

  • Extensions Area: Proposed idea is to be stylistically different from the rest of the toolbar. Lighter and slightly raised.
  • Identity Button: The Identity button can be seen in the upper right of the mockup. The idea is to be attached to the window, much like a label or a tag.
  • Search Selector Style: This area is still not fully developed. An idea is to have the search selector change color based on which search is being used.

souricon.gif News source and full article: MozillaWiki

Veteran

Phantom Helix

Posted
Posted

Tabs on TOP!!!! :drool: :drool: :drool: :drool: :drool:

Tabs on TOP!!!! :drool: :drool: :drool: :drool: :drool:

Tabs on TOP!!!! :drool: :drool: :drool: :drool: :drool:

Tabs on TOP!!!! :drool: :drool: :drool: :drool: :drool:

Tabs on TOP!!!! :drool: :drool: :drool: :drool: :drool:

Veteran

Stetson

Posted
Posted

One thing that I don't like about the tabs-on-top style with OSX compared to Windows (When using Google Chrome) is that under Windows when you maximize the window the extra title bar space goes away and the tabs become flush with the top of the window. With OSX that doesn't happen and it seems a bit awkward.

Veteran

WigglesTheFish

Posted
Posted

I absolutely love the 4.0 mockup. I have been using Safari 4 exclusively for a while now, but I'll definitely install Firefox 4.0 with that theme... I loved the tabs over the location bar in the Safari 4 beta and the load bars are wonderful in both designs!

Grand Master

Elliott

Posted
Posted
The main window chrome may look good, but the whole thing still feels like a shoddy port.

That's the biggest problem I have with Firefox. It just doesn't have the fluidity and behavior of a normal Mac application.

Grand Master

Kirkburn

Posted
Posted
They are ok but I still prefer GrApple themes - http://www.takebacktheweb.org/

Just a personal opinion, but I really find that scheme soul-destroyingly boring. Beige, beige and more beige. Apart from the built in OSX colours, there's no variety at all.

But! at least Delicious and Luscious have the tabs the right way around. :)

Grand Master

Elliott

Posted
Posted
Just a personal opinion, but I really find that scheme soul-destroyingly boring. Beige, beige and more beige. Apart from the built in OSX colours, there's no variety at all.

But! at least Delicious and Luscious have the tabs the right way around. :)

Beige? You might wanna check the colors on your monitor. :p

Proficient

undu

Posted
Posted

The progress bar looks really out of place. In the 4.0 mockup it should be at the bottom of the tab, not at the top of it, and be stretched to cover all the tab on length.

The rest looks really smooth, I really like it, I'm waiting to see what are they going to do with the bookmark bar and how it will blend with the "extension buttons" backround.

Grand Master

Elliott

Posted
Posted
Yes, beige: http://en.wikipedia.org/wiki/Beige

So it's darker than beige. But it's that area of the spectrum. Ecru, maybe.

I don't really wanna start something here (because this would kind of be a stupid thing to argue), but where's the beige?

I see shades of gray and some blue in the Bookmarks sidebar. I even just analyzed it with xScope and everything is definitely a shade of gray (which is what Leopard's standard metal look is). There's nothing even remotely beige or ecru in there.

Grand Master

Kirkburn

Posted
Posted
I don't really wanna start something here (because this would kind of be a stupid thing to argue), but where's the beige?

I see shades of gray and some blue in the Bookmarks sidebar. I even just analyzed it with xScope and everything is definitely a shade of gray (which is what Leopard's standard metal look is). There's nothing even remotely beige or ecru in there.

Soooo ... I was using Firefox in Windows to view it.

I went ahead and saved one of the images to disk, and opened it in Windows Photo Gallery (default image viewer in Windows Vista) ... definite brown tinge.

Then I open it in Fireworks: totally gray. IE8: totally gray. Chrome: totally gray.

That's really odd. Somewhere along the way for Firefox, the color correction is messed up.

Anyone else got a Windows PC to test? Try it on Firefox 3.5 :) I know Firefox has more advanced colour controls than IE, so wondering whose fault it is :p

Grand Master

Kirkburn

Posted
Posted (edited)

Bugger: it's my Firefox colour management profile. If I switch it off as described on https://developer.mozilla.org/En/ICC_color_...olor_correction ... boom! Silver!

So now I either blame my monitor's colour profile, or Firefox's handling of it. Weird that I've not noticed this issue before.

/me is getting new monitor drivers

Update: I give up. I believe it's the ICC profile for my 2208WFP (problem also noted at http://forums.techguy.org/digital-photogra...rey-brown.html), but for now, I don't seem to be able to fix/remove it. I'll probably just wait until I install Windows 7 later this month, and avoid downloading the monitor update from Windows Update. What fun!

Apologies for the deviation from the topic, hope it was interesting at least :)

Edited by Kirkburn
This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • You pay just $100 per TB with this rare 4TB PCIe Gen4 NVMe SSD deal

      By goretsky · Posted

      Hello, I have used a few TEAM Group SSDs, USB flash drives, and Micro SDXC cards in the past. They all seemed to work fine. Regards, Aryeh Goretsky
    • You pay just $100 per TB with this rare 4TB PCIe Gen4 NVMe SSD deal

      By vjlex · Posted

      "just $100 per TB"? Just? Are we trying to make this seem like the new normal? Kinda weird to make it sound like that is not a ridiculously expensive asking price.
    • Major Xbox layoffs may claim South of Midnight developer Compulsion entirely

      By qbrick · Posted

      The reviews you refer to mean nothing. Where there is no journalism there is no reason to call the gaming media's opinion pieces "reviews". For GP games there is indeed a metric for success - increasing subscriptions. Which turns in revenue. The only circumstance in which subs do not rise when great is being released is a Game Pass system where the company is close to fully saturated with customers in a subscription. However, in that case as the theory goes you spend aplenty in all kind of games - from shady live service cash cows and customer offending agitprop crap in purple colours to robust and entertaining single player games. And keep a solid level of profitability. Ignoring the simply innocuous but mid games MGS has released primarily of the second kind.
    • Report: Microsoft to use AWS to help GitHub deal with a major surge in demand

      By pradeepviswav · Posted

      Report: Microsoft to use AWS to help GitHub deal with a major surge in demand by Pradeep Viswanathan Thanks to the surge of coding AI agents, GitHub's usage has skyrocketed over the past 12 months. To meet this demand, GitHub started with a plan in October 2025 to increase capacity by 10x. However, by early this year, the company realized that it needed 30x scale. This rapid growth has caused severe strain on the platform's reliability, resulting in several small outages over the past few months. In April, GitHub published a long blog post explaining the steps it is taking to resolve these reliability issues. In the post, the company also confirmed that it is working toward a multi-cloud architecture for better resilience. Today, Business Insider reported that GitHub is turning to Amazon Web Services to help deal with a major surge in AI-driven coding activity. It is important to note that GitHub is still in the process of moving completely to the Azure cloud. The current plan is to move the platform fully to Azure by 2027 so that it can scale better as per developer demand. Therefore, the current decision to utilize AWS might be part of a short-term plan to meet immediate demand. A Microsoft spokesperson confirmed that GitHub is using multiple cloud providers with the following statement: For Microsoft, the decision highlights the operational pressure behind the AI boom. GitHub has to stay reliable for developers at a time when rivals such as Codex, Cursor, Claude Code, and other AI coding tools are gaining attention. And the decision to use AWS for computing capacity seems practical given the circumstances.
    • Mozilla highlights Firefox Nova 2026 redesign and more upcoming features with new roadmap

      By +Eternal Tempest · Posted

      It's growing on me, however, your right, it make better usability sense if the tabs were bellow the address bar.

  • Recent Achievements

    • Collaborator
      vjlex earned a badge
      Collaborator
    • Reacting Well
      Dys Topia earned a badge
      Reacting Well
    • Conversation Starter
      NovaEdgeX earned a badge
      Conversation Starter
    • One Year In
      Console General earned a badge
      One Year In
    • Week One Done
      Twozo Technologies earned a badge
      Week One Done

  • Popular Contributors

    1. 1
      +primortal
      517
    2. 2
      +Edouard
      182
    3. 3
      PsYcHoKiLLa
      106
    4. 4
      Steven P.
      88
    5. 5
      ATLien_0
      68
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!