MozillaZine

notes on testing Firefox themes

Discuss application theming and theme development.
mcdavis

User avatar
 
Posts: 3195
Joined: December 9th, 2005, 5:51 am

Post Posted October 22nd, 2010, 11:36 am

Here's a little test page that makes it easy to see (in light of Bug 543910 - [Windows] Improve Windows OS theme detection for Firefox.next) which media queries and -moz-system-metric selectors match your current desktop theme.

There are two files involved. Just d/l them and plop them both in the same directory so they can find each other, then d-n-d the XUL into the browser. As just discussed a couple posts back, with Fx4, be sure to enable loading of XUL from file:// URL since that is now blocked by default.

http://home.comcast.net/~username54321/ ... ptheme.xul
http://home.comcast.net/~username54321/ ... ptheme.css
Theme Development is Radical Participation.
NNL Beta Builds for Current and Up-coming Firefox
Dear User: Your Help is Needed

mcdavis

User avatar
 
Posts: 3195
Joined: December 9th, 2005, 5:51 am

Post Posted November 1st, 2010, 4:30 pm

A couple new test pages. These display common dialogs to help with checking the layout.

http://home.comcast.net/~username54321/ ... Dialog.xul
http://home.comcast.net/~username54321/ ... Dialog.xul
Theme Development is Radical Participation.
NNL Beta Builds for Current and Up-coming Firefox
Dear User: Your Help is Needed

patrickjdempsey

User avatar
 
Posts: 23734
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC

Post Posted November 1st, 2010, 4:35 pm

You are on a roll man, these are great!
Tip of the day: If it has "toolbar" in the name, it's crap.
What my avatar is about: https://addons.mozilla.org/en-US/seamonkey/addon/sea-fox/

Zigboom

User avatar
 
Posts: 475
Joined: April 22nd, 2009, 5:09 am

Post Posted November 7th, 2010, 4:51 pm

Thanks mcdavis! This must be one of the most useful posts ever (probably #1)!
I keep coming back to it & today I found that the Geo-location doesn't work.
Nothing pops-up.
Could you please tell me what do I need in order for it to work?
I tried to copy the code from Minefield for testing but nothing changed.
-=# LavaFox & Black Fox - Dark & hot themes for Firefox #=-
https://addons.mozilla.org/en-US/firefox/user/4710003/

mcdavis

User avatar
 
Posts: 3195
Joined: December 9th, 2005, 5:51 am

Post Posted November 7th, 2010, 5:08 pm

@Patrick:

Thanks - appreciation is appreciated. :) The holy grail is still what we talked about in the very first post.

@Zigboom:

Sorry, I left out a step. I'll update the instructions. Short answer: at the given URL, click 'Give It a Try', then 'Where Am I'.
Theme Development is Radical Participation.
NNL Beta Builds for Current and Up-coming Firefox
Dear User: Your Help is Needed

Zigboom

User avatar
 
Posts: 475
Joined: April 22nd, 2009, 5:09 am

Post Posted November 7th, 2010, 6:17 pm

Aha! It works somehow out of the box.
Thanks for the tip mcdavis.
-=# LavaFox & Black Fox - Dark & hot themes for Firefox #=-
https://addons.mozilla.org/en-US/firefox/user/4710003/

mcdavis

User avatar
 
Posts: 3195
Joined: December 9th, 2005, 5:51 am

Post Posted December 6th, 2010, 3:03 am

To test popup notification (and limited max-width for long messages) from an IndexedDB access request:

http://html5-demos.appspot.com/static/h ... index.html (requires JS enabled)

If someone has a link to a Mozilla page that does the same thing, that would be better, since I'm not wild about letting some random page execute Javascript.
Theme Development is Radical Participation.
NNL Beta Builds for Current and Up-coming Firefox
Dear User: Your Help is Needed

mcdavis

User avatar
 
Posts: 3195
Joined: December 9th, 2005, 5:51 am

Post Posted December 27th, 2010, 6:32 am

Updated to reflect the existence of tab-modal prompts:

http://home.comcast.net/~username54321/ ... Dialog.xul

The test is the same, but the intro comments are changed to talk about how they can be used to test tab-modal prompts.

Also, one to test the HTML5 audio player:

http://home.comcast.net/~username54321/ ... -test.html

The audio player requires Javascript to be enabled before it will display the controls, so you might want to view source.
Theme Development is Radical Participation.
NNL Beta Builds for Current and Up-coming Firefox
Dear User: Your Help is Needed

mcdavis

User avatar
 
Posts: 3195
Joined: December 9th, 2005, 5:51 am

Post Posted February 28th, 2011, 7:18 am

Here's a summary of results of desktop theme detection with :-moz-system-metric on Windows with the Minefield 20110216 nightly. It's kinda wide, so I put it into a text file for Easy Reading(tm).

http://home.comcast.net/~username54321/ ... 110216.txt
Theme Development is Radical Participation.
NNL Beta Builds for Current and Up-coming Firefox
Dear User: Your Help is Needed

patrickjdempsey

User avatar
 
Posts: 23734
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC

Post Posted February 28th, 2011, 4:15 pm

Thank you for putting so much energy into this mc! One thing I've noticed is that it will be really useful to detect Luna Silver (and Zune) because those themes use a grey shade really close to the background color as the "highlight" color. It would be nice if you could add Royale and Royale Noir (which is the same as Royale with black title-bars).
Tip of the day: If it has "toolbar" in the name, it's crap.
What my avatar is about: https://addons.mozilla.org/en-US/seamonkey/addon/sea-fox/

mcdavis

User avatar
 
Posts: 3195
Joined: December 9th, 2005, 5:51 am

Post Posted March 2nd, 2011, 10:54 am

OK, good idea, added results for Royale and Royale Noir.

Check out the weird readings I got for Royale Noir .. that's kind of surprising and I'm not sure what to make of that. Possibilities: 1) I got the wrong installer 2) I installed it wrong 3) Royale Noir doesn't correctly identify itself and that's as good as it gets 4) Firefox code incorrectly detects that desktop theme.

Here's where I got it.

- Royale Noir: http://www.istartedsomething.com/upload ... e_noir.zip
-- via http://www.istartedsomething.com/20061029/royale-noir/
- DEAD LINK Royale: http://download.microsoft.com/download/ ... royale.zip
-- via http://arstechnica.com/microsoft/news/2005/05/248.ars
- Royale: http://download1us.softpedia.com/dl/f89 ... _theme.zip
-- via http://www.softpedia.com/get/Desktop-En ... inXP.shtml
Theme Development is Radical Participation.
NNL Beta Builds for Current and Up-coming Firefox
Dear User: Your Help is Needed

ShareBird

User avatar
 
Posts: 2740
Joined: December 8th, 2004, 7:09 am
Location: Berlin | Made in Brasil

Post Posted March 2nd, 2011, 1:10 pm

mcdavis,
the problem with Royale Noir is that it is not an "official" theme, so it's no possible to detect it.
I'm wondering why you don't use anymore the native approach you used to... I've got inspiration on you (many thanks ;-)) and made my themes go with native titlebar without problems....
Silvermel - A Theme for Firefox and Thunderbird
YATT - Yet Another Theme Tutorial
Don't give a man a fish. Teach him how to fish instead.

Zigboom

User avatar
 
Posts: 475
Joined: April 22nd, 2009, 5:09 am

Post Posted March 2nd, 2011, 1:32 pm

It looks like soon we will be able to style the whole window frame, there's a bug working on it (bug 590945).
Google Chrome is already doing it and it looks very cool and modern.
-=# LavaFox & Black Fox - Dark & hot themes for Firefox #=-
https://addons.mozilla.org/en-US/firefox/user/4710003/

patrickjdempsey

User avatar
 
Posts: 23734
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC

Post Posted March 2nd, 2011, 3:38 pm

That's too bad that Royale Noir shows up as Luna Silver... it's really virtually identical to Royale. Sorry I had forgotten it's not an official theme (as it used to come bundled with Tiny XP). That will mean that any adjustments made in colors that are needed to make things more visible in Luna Silver will impact Royale Noir, but I guess it OK to style Noir, Silver and Zune all basically the same.
Tip of the day: If it has "toolbar" in the name, it's crap.
What my avatar is about: https://addons.mozilla.org/en-US/seamonkey/addon/sea-fox/

ShareBird

User avatar
 
Posts: 2740
Joined: December 8th, 2004, 7:09 am
Location: Berlin | Made in Brasil

Post Posted March 2nd, 2011, 3:45 pm

patrickjdempsey wrote:That's too bad that Royale Noir shows up as Luna Silver... it's really virtually identical to Royale. Sorry I had forgotten it's not an official theme (as it used to come bundled with Tiny XP). That will mean that any adjustments made in colors that are needed to make things more visible in Luna Silver will impact Royale Noir, but I guess it OK to style Noir, Silver and Zune all basically the same.

I don't think Royale Noir shows up as Luna Silver, since I have specific rules for Luna Silver and they don't apply on Royale Noir (my XP theme of choice at this moment...)
Silvermel - A Theme for Firefox and Thunderbird
YATT - Yet Another Theme Tutorial
Don't give a man a fish. Teach him how to fish instead.

Return to Theme Development


Who is online

Users browsing this forum: No registered users and 1 guest