Shop Mobile More Submit  Join Login
×




Details

Submitted on
February 9, 2010
Image Size
231 KB
Resolution
900×640
Link
Thumb
Embed

Stats

Views
10,984
Favourites
34 (who?)
Comments
23
Downloads
481
×
Tangy Nuala by hotiron Tangy Nuala by hotiron
Tangy and Luscious Mod for Nuala

I've figured out a work-around to get the great Tangy and Luscious GrApple Firefox 3.5 themes [link] working with the clean Nuala for Snow Leopard [link] theme. Nuala is a great theme that uses a lighter than normal menubar and on Firefox this causes a hard break between the menubar and the toolbars. This fix works for FF 3.5 and if you can find the right locations it should work in 3.6 too. These screenshots show what GrApple Tangy and Luscious look like using the Nuala theme and this simple mod.

1. Copy Toolbar Image Drop this Toolbar.png file [link] into your /Users/YOURNAME/Library/Application Support/Firefox/Profiles/RANDOMSTUFF.default/chrome/ folder. I spent a lot of time trying to get the gradients to meet up properly so it would look clean and smooth.

2. Edit userChrome.css Add the lines below to your /Users/YOURNAME/Library/Application Support/Firefox/Profiles/RANDOMSTUFF.default/chrome/userChrome.css file:

/* background image for all toolbars */
toolbox,
#toolbar-menubar,
#nav-bar,
#FindToolbar {
-moz-appearance: none !important;
background-image: url('Toolbar.png') !important;
background-color: transparent !important;
}

3. Restart Restart Firefox.
Add a Comment:
 
Hidden by Owner
Hidden by Owner
Hidden by Owner
Hidden by Owner
Hidden by Owner
:iconf1r3wall:
f1r3wAll Featured By Owner Feb 19, 2010
Does it works @ Windows :)?
Reply
:iconhotiron:
hotiron Featured By Owner Feb 19, 2010  Hobbyist Interface Designer
Well it goes with the Nuala theme, not sure if anyone has ported that to Windows yet.
Reply
:iconryansl8r:
ryansl8r Featured By Owner Feb 10, 2010
u can do this with persona as well
Reply
:iconhotiron:
hotiron Featured By Owner Feb 10, 2010  Hobbyist Interface Designer
I thought about that but I'm one of those that can't run 3.6 yet [link] It was a mess.
Reply
:icongor0n:
Gor0n Featured By Owner Feb 10, 2010  Professional Interface Designer
Nice one :)

:star: Featured on iconpaper
Reply
:iconhotiron:
hotiron Featured By Owner Feb 10, 2010  Hobbyist Interface Designer
Thanks for the link! After some testing I've found this simple mod works as well on Luscious as it does on Tangy. Glad more people will see this and hopefully use it. I've posted the issue to the GrApple author Aronnax and he's offered up an even simpler mod -- code only -- that may work across all the themes if we can match gradients properly. I'm working on that now.
Reply
:icongor0n:
Gor0n Featured By Owner Feb 11, 2010  Professional Interface Designer
Great news :) Keep up!
Reply
:iconalabanco:
alabanco Featured By Owner Feb 10, 2010
oh and which font is that ?
Reply
:iconhotiron:
hotiron Featured By Owner Feb 10, 2010  Hobbyist Interface Designer
That's PFIsotext Pro system font instead of the Snow Leopard default.
Reply
:iconalabanco:
alabanco Featured By Owner Feb 10, 2010
Oh. I see. Thanks
Reply
:iconhotiron:
hotiron Featured By Owner Feb 11, 2010  Hobbyist Interface Designer
Cool.
Reply
:iconkrisu0100:
krisu0100 Featured By Owner Feb 10, 2010
You can do this with Stylish fx-extension too.
Reply
:iconhotiron:
hotiron Featured By Owner Feb 10, 2010  Hobbyist Interface Designer
How is that done? I'm a big Stylish and DA GREEN v6 fan.
Reply
:iconkrisu0100:
krisu0100 Featured By Owner Feb 10, 2010
1. Make blank style
2. First press "Insert" -> "XUL Namespace as default"
3. Add that CSS

BTW, you don't need also add that toolbar image into folder if you don't want, you can add it with "Data URI" (it convert images to code). Delete that "Toolbar.png" text in CSS and press "Insert" -> "Data URI" and select that toolbar image.

This should work, but I can't test it :/

Final result [link]
Reply
:iconhotiron:
hotiron Featured By Owner Feb 10, 2010  Hobbyist Interface Designer
Very cool. I see, you make a Stylish overlay to override the userChrome.css code. Makes perfect sense!
Reply
:iconngtfn:
ngtfn Featured By Owner Feb 9, 2010
A very fine ~
Reply
:iconhotiron:
hotiron Featured By Owner Feb 11, 2010  Hobbyist Interface Designer
Thanks!
Reply
Add a Comment: