414571 - Update Firefox default theme icon, version and preview for Final Release of 3.0

Status: VERIFIED FIXED

(Firefox :: Theme, defect, P2)

Description

[u88484]

The Firefox default theme icon, version, and screenshot in Tools->Add-ons->Themes need to be update before the Final Release of 3.0.  I know the theme is still a work in progress but I'm filing this just to make sure it doesn't slip through the cracks.

Things to change:

Theme's icon (We have a different reload button now)
Theme's version (Will need to be changed from '2.0' to '3.0')
Preview (Will need an updated screenshot of our navigation buttons)

Comment 1

[Alex Faaborg [:faaborg] (Firefox UX)]

We will likely do this as one of the very last things for the new themes.

Comment 3

[Mike Connor [:mconnor]]

Alex, ETA on this?

Comment 4

[Alex Faaborg [:faaborg] (Firefox UX)]

We updated the theme icon and preview image in b5 (now says "beta 5 theme", we will continue to update it in future icon drops).  One issue is that we have not been able to use chrome overrides to provide different images for Luna and Aero.

Comment 5

[Kornel]

Maybe we change "reload" image to "home" image just like in Firefox 2.0 themes preview? This would be much better choice. Reload image looks so simple, but home button is more complicated and appears to better presents final 3.0 theme. This is only a proposition.

Comment 6

[Mike Beltzner [:beltzner, not reading bugmail]]

Alex, ETA on the updated image? Forget chrome overrides for Vista and Luna, the refresh icon looks basically the same for both, so just use the Vista one.

Comment 7

[Alex Faaborg [:faaborg] (Firefox UX)]

I think we should fall back to the firefox icon, these will be included in the next icon drop.  What should we do with the actual theme preview image if we can't match the OS?

Comment 8

[Alvaro Muñoz]

To represent both themes the preview image could be in greyscale, as there are very few differences in shape 

Comment 9

[Mike Connor [:mconnor]]

Or, don't preview the theme, just have the wordmark+logo or something.  Don't overthink this.

Comment 10

[Alex Faaborg [:faaborg] (Firefox UX)]

>To represent both themes the preview image could be in greyscale, as there are
>very few differences in shape 

Yeah, I was thinking about trying out the disabled states of the core navigation controls with a gray font for the wordmark.  If that doesn't look good I'll fall back to the wordmark+logo.

Comment 11

[Mike Connor [:mconnor]]

Alex, we need something today for this.

Comment 12

[Mike Beltzner [:beltzner, not reading bugmail]]

Let's get:
 - a name for the theme
 - an image we can use across all themes

How about these names:
 - Proto (OSX)
 - Tango (Linux)
 - Strata (Windows)

For the image, each theme can do what they want as a way of expressing their theme. For Windows, it'll likely be disabled state keyhole so that it looks good on luna and aero.

Comment 13

[Mike Beltzner [:beltzner, not reading bugmail]]

Oh, and the font used should be Meta Bold.

Comment 14

[Alex Faaborg [:faaborg] (Firefox UX)]

OS X and Linux themers: note that we need to recreate the theme preview images to replace the Firefox word mark with platform specific theme names. 

Comment 15

[Michael Ventnor]

Does it have to be Meta Bold? I'm wondering if we could use Tango's official logo in the preview.

Comment 16

[Mike Beltzner [:beltzner, not reading bugmail]]

Well, I'd rather it be Meta Bold, as that ties it together with Firefox without actually using the logo/wordmark, and provides some visual consistency.

Comment 17

[Kevin Gerich]

(In reply to comment #12)
> How about these names:
>  - Proto (OSX)
>  - Tango (Linux)
>  - Strata (Windows)

I know about Proto as a final name for the Mac theme. Here's a suggestion for the theme across all platforms:

 - Firelight

Comment 18

[Mike Beltzner [:beltzner, not reading bugmail]]

Alex and I were actually thinking that we'd want to keep the theme names different, both as a convenient way of talking about them, and a way for the reviewers to talk about how they "love Proto" and "adore Strata" and "think Tango really does look like Linux!"

I suppose we could do "Firelight" across all themes, but then you're talking about "Firelight on Linux", "Firelight on Windows", etc, etc.

Comment 19

[Alex Faaborg [:faaborg] (Firefox UX)]

It will also make it easier for us to track feedback in the blogosphere and twiterverse if use use somewhat unique strings for the theme names.  Not that I stay up late at night reading every comment or anything...

Comment 20

[Mike Connor [:mconnor]]

Liar.

Ok, well, Firelight for Mac?  Proto probably isn't a "final" name.  Can we get images for this, and wrap this up today?

Comment 21

[Michael Ventnor]

Attachment: Proposal? (Linux)

This is just a rough GIMP-up. I haven't had any contact or permission from the Tango project about this (so don't even think about this as final), I just want to know if something like this was what you had in mind.

This uses the Tango logo style but with the Meta font instead.

Comment 22

[Mike Beltzner [:beltzner, not reading bugmail]]

Comment on attachment 317653 [details]
Proposal? (Linux)

Yup, this is exactly in the vein of what we were thinking.

Comment 23

[Michael Ventnor]

Has faaborg been in contact with the Tango team regarding this? I haven't been able to, and since this bug hasn't had any status updates for a while, should this still block?

Comment 24

[Alex Faaborg [:faaborg] (Firefox UX)]

>Has faaborg been in contact with the Tango team regarding this?

No, but everyone should be cc'd to this bug.  I'll ping people in private email as well.

Comment 25

[Jakub Steiner]

Sadly I don't have the font in question to fix it myself, but there's just something odd about the outline rendering of 'tango!' in michael's image. The stroke feels stronger at places and the even kerning feels off (ta n   go).

Comment 26

[Alex Faaborg [:faaborg] (Firefox UX)]

Attachment: Windows theme preview

Here is the theme preview for Strata.  Since this image will be used on both XP and Vista, I am going for a very light feel and avoiding the use of any color in the icons.  Both the large and small icons are shown to increase discoverability of the existence of small icon mode.  The title is at the same level of opacity of the icons, so it will continue to match if placed on a background color that is not white.

Comment 27

[Alex Faaborg [:faaborg] (Firefox UX)]

Attachment: Windows theme preview in context

Here is what the windows theme preview looks like in context.

Comment 28

[Mike Beltzner [:beltzner, not reading bugmail]]

Comment on attachment 318352 [details]
Windows theme preview

a=beltzner, and before anyone says it, yes, I'm fine with this being in grey and no it doesn't look disabled.

Comment 29

[Mike Beltzner [:beltzner, not reading bugmail]]

This will not block the final release of Firefox 3. Any patch will need unit tests in order to be approved.

Comment 30

[Jakub Steiner]

Attachment: Tango theme preview

Comment 31

[Mike Beltzner [:beltzner, not reading bugmail]]

Comment on attachment 318445 [details]
Tango theme preview

ui-r+a=beltzner

Comment 32

[Mike Beltzner [:beltzner, not reading bugmail]]

Comment on attachment 318445 [details]
Tango theme preview

Ooops. Let's not start the "UN Flag is a no-no" war here. Can we get a different icon in its place?

Comment 33

[Michael Monreal [:micmon]]

Attachment: Tango theme preview with Themes icon

This one has the Themes icon instead of the flag.

Comment 34

[Stephen Horlander [:shorlander]]

Attachment: OS X(Firelight) Theme Preview

Comment 35

[Mike Beltzner [:beltzner, not reading bugmail]]

Comment on attachment 318467 [details]
Tango theme preview with Themes icon

uir+a=beltzner, thanks!

Comment 36

[Mike Beltzner [:beltzner, not reading bugmail]]

Comment on attachment 318469 [details]
OS X(Firelight) Theme Preview

uir+a=beltzner

Firelight, eh? Buckin' the trend of monosyllabic, vowel-ending words? ;)

Comment 37

[Stephen Horlander [:shorlander]]

Attachment: Firelight preview.png

Actual preview.png for Firelight.

Comment 38

[:Gavin Sharp [email: [e-mail]]]

mozilla/browser/themes/gnomestripe/browser/preview.png 	1.6
mozilla/browser/themes/pinstripe/browser/preview.png 	1.7
mozilla/browser/themes/winstripe/browser/preview.png 	1.6 

Comment 39

[Marcia Knous [:marcia]]

verified fixed using Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9pre) Gecko/2008050104 Minefield/3.0pre, Win Vista Nightly, Win XP Nightly, and Linux nightly.