Much ado about pixels
Feb9'09

Showing More Skin: Personas Revisited, Part 2

As a quick update detailing where I am in the “play nice with Personas” revisions to the default Firefox 3 theme on OSX, I thought I’d share the preview below highlighting some of the changes to the toolbar buttons. *note: these theme changes will only be visible in the browser upon installing a future version of Personas.

personas

As you can see, there are two sets of controls – one for light Personas and one for dark.  All of the opaque background color has been drained out, leaving a glassy shell for the Persona to shine through.  I’ll be testing to ensure the level of transparency is not too much of a visual distraction when identifying the button glyphs.  The level of frosted gloss may have to be enhanced to ensure enough separation of glyph from the selected background.  Opinions on this are always welcome.

Further changes will be posted this week!

Comments

  1. Yay! This is exciting stuff! Personas are… not a great experience on the Mac. This will help a ton.

      
  2. Hey sean.

    We’ve already been doing something similar with our icons sets for ffox, we had to create a dark/light version for the transparency issues on chrome.

    One thing to note, the urlbar on windows behaves differently than on Mac. This will make getting transparency on windows a bit more difficult.

    It worked fine with solid colors, but as soon as you introduce transparency, you’ll see the flaw in the way the xul/css was layed out.

      
    • Hello!

      Yes, there are some XUL/CSS changes that have to be made to several elements in order for the transparent PNGs to work properly. We’re in the process of sorting through it all and discovering new ways of layering everything to enable the changes. More to come!

      Sean Martell
        
  3. They will do good,thom up

      
  4. dark will be good

      

Leave a Reply