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

    • Microsoft unveils new Surface Laptop with improved trackpad, Snapdragon X2, and more

      By FunkyMike · Posted

      Not even an OLED display on the laptops. Also it seems that the laptop design isn't the same as the Surface Ultra model. Looks like bargain bin at high prices.
    • Microsoft announces 12th-gen Surface Pro with Snapdragon X2 processors

      By tsupersonic · Posted

      make your own notch - it's not that hard
    • VirtualBox 7.2.10

      By Copernic · Posted

      VirtualBox 7.2.10 by Razvan Serea VirtualBox is a powerful x86 and AMD64/Intel64 virtualization product for enterprise as well as home use. Targeted at server, desktop and embedded use, it is now the only professional-quality virtualization solution that is also Open Source Software. Presently, VirtualBox runs on Windows, Linux, macOS, and Solaris hosts and supports a large number of guest operating systems including but not limited to Windows (NT 4.0, 2000, XP, Server 2003, Vista, 7, 8, Windows 10 and Windows 11), DOS/Windows 3.x, Linux (2.4, 2.6, 3.x, 4.x, 5.x and 6.x), Solaris and OpenSolaris, OS/2, OpenBSD, NetBSD and FreeBSD. Some of the features of VirtualBox are: Modularity. VirtualBox has an extremely modular design with well-defined internal programming interfaces and a client/server design. This makes it easy to control it from several interfaces at once: for example, you can start a virtual machine in a typical virtual machine GUI and then control that machine from the command line, or possibly remotely. VirtualBox also comes with a full Software Development Kit: even though it is Open Source Software, you don't have to hack the source to write a new interface for VirtualBox. Virtual machine descriptions in XML. The configuration settings of virtual machines are stored entirely in XML and are independent of the local machines. Virtual machine definitions can therefore easily be ported to other computers. VirtualBox 7.2.10 changelog: VMM: Fixed issue when CentOS 10 VM was not booting due to the message "Fatal glibc error: CPU does not support x86-64-v3" (​github:gh-642) Devices/EFI: Fixed booting issue when ARM VM had less than 1024 MiB of RAM assigned (​github:gh-679) USB: Fixed issue when it was not possible to attach USB device to headless VM on Apple Silicon/macOS 26.4.1 (​github:gh-631) Storage: Fixed issue when VIRTIO-SCSI device was not recognized as SSD device by guest system (​github:gh-634) Network: Fixed issue in E1000 emulation code which triggered debug log creation (​github:gh-645) Network: Fixed issue in E1000 emulation code which prevented OS/2 guest from booting (​github:gh-683) Linux Host: Fixed issue when VMs could not be started due to kernel oops (​github:gh-639) Linux Host and Guest: Fixed issue when kernel modules were failing to build with openSUSE 16.0 kernel Linux Host and Guest: Added initial support for kernel 7.1 Linux Host and Guest: Added extra fixes for RHEL 9.8 kernel (​github:gh-676) Linux Host and Guest: Added possibility to build source code using NASM instead of YASM as the assembler (​github:gh-520) Linux Guest Additions: Added initial support for Extended Data Control Protocol for clipboard sharing with Plasma on Wayland guests (​github:gh-33) Linux Guest Additions: Added extra fixes for preventing vboxvideo kernel module build with kernel version 7.0 and newer (​github:gh-655) OS/2 Guest Additions: Fixed issue when Shared Folders automount and clipboard sharing stopped working (​github:gh-551) Download: VirtualBox 7.2.10 | 170.0 MB (Open Source) Download: VirtualBox 7.2.10 Extension Pack | 19.1 MB View: VirtualBox Home Page | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • UK to ban under-16s from social media following a six-week trial with teenagers

      By FloatingFatMan · Posted

      OK, now ask yourself how are they going to enforce that law? By requiring every single adult to prove their age and provide their legal identity documents to an UNREGULATED 3rd party company that already has a long track record of multiple data breaches. Not to mention, parliament have voted AGAINST this ban, twice, and Starmer is going ahead anyway. So, where's the democracy here, because that looks like dictatorship to me. The solution here is parental responsibility, not government control. Run some public service announcements on TV and UK social media teaching parents how to setup parental controls. That's already been proven to actually work. But the, this is not and has NEVER been about keeping kids safe. It's about control and monitoring. Watching what you're doing online and controlling what you can see and what you can say.
    • what other retro software do yall use

      By +InsaneNutter · Posted

      Interesting read. I knew the adware was quite controversial at the time, however never realised to the point The Guardian wrote an article about Patchou. I just said no and enjoyed his creation, I’d probably be a lot more wary of something like that today though.

  • Recent Achievements

    • One Month Later
      Prasann earned a badge
      One Month Later
    • Week One Done
      Prasann earned a badge
      Week One Done
    • First Post
      Dys Topia earned a badge
      First Post
    • Collaborator
      vjlex earned a badge
      Collaborator
    • Reacting Well
      Dys Topia earned a badge
      Reacting Well

  • Popular Contributors

    1. 1
      +primortal
      521
    2. 2
      +Edouard
      180
    3. 3
      PsYcHoKiLLa
      104
    4. 4
      Steven P.
      88
    5. 5
      ATLien_0
      68
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!