MozillaZine

[Themes] Firefox Toolbar Icons

Announce and Discuss the Latest Theme and Extension Releases.
L.A.R. Grizzly

User avatar
 
Posts: 5350
Joined: March 15th, 2005, 5:32 pm
Location: Ohio, USA

Post Posted January 15th, 2011, 11:14 pm

Disclaimer:

Friends, it's been a fun ride these past three years creating themes for Firefox and Thunderbird. With the introduction of the new Australis user interface, the developers have made theme development quite difficult with the constant changes in the UI code. I'm therefore abandoning further development and support of my themes. I am recommending Aris'
"Classic Toolbar Buttons" as a good replacement for those wanting a more colorful UI. This add-on has many button icons to choose from, including the ones from my themes. Classic Toolbar Buttons works with Firefox, Thunderbird and SeaMonkey.

After using Firefox for some time now, I've become tired of the monochrome toolbar icons. I'm frequently clicking on the wrong ones for their lack of color. I feel that the plain "black" appearance is totally unappealing and makes the icons hard to distinguish between.

So, I've made themes doing a simple replacement to the toolbar.png file in the default Firefox theme, with one that I've modified with different icons. I simply took the default file and changed the images.

Default Firefox Icons:

Image


Winstripe Icons:

Image

Latest Version:

Winstripe Toolbar Icons


Modern Icons:

Image

Latest Version:

Modern Toolbar Icons


Strata Icons:

Image

Latest Version:

Strata Toolbar Icons


Color Icons:

Image

Latest Version:

Color Toolbar Icons


Changelog

Applying Personas on top of Custom Themes

Special thanks to Patrick J. Dempsey, who helped me with the .css coding!
Last edited by L.A.R. Grizzly on July 22nd, 2014, 11:10 am, edited 48 times in total.
Win7 Pro SP1 64 Bit
Comodo Internet Security
Pale Moon 28.14.2, Interlink Mail 52.9.7577, Firefox 52.9.0esr, Thunderbird 52.9.1 and SeaMonkey 2.48

patrickjdempsey

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

Post Posted January 20th, 2011, 5:01 pm

L.A.R. I highly recommend you check out the following topic about creating small themes:

viewtopic.php?f=18&t=1472225

And I've made this example of an extremely simple theme for Firefox 4.0 that you are welcome to look at:

https://addons.mozilla.org/en-US/firefo ... ix-simple/

The advantage to this method is that you will not have to keep updating your theme to match the default theme and it will continue to work for many Firefox versions into the future.
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/

L.A.R. Grizzly

User avatar
 
Posts: 5350
Joined: March 15th, 2005, 5:32 pm
Location: Ohio, USA

Post Posted January 20th, 2011, 5:23 pm

patrickjdempsey wrote:L.A.R. I highly recommend you check out the following topic about creating small themes:

viewtopic.php?f=18&t=1472225

And I've made this example of an extremely simple theme for Firefox 4.0 that you are welcome to look at:

https://addons.mozilla.org/en-US/firefo ... ix-simple/

The advantage to this method is that you will not have to keep updating your theme to match the default theme and it will continue to work for many Firefox versions into the future.


Thank you for the links. I'll have to do some reading. I notice that your add-on contains .css files (which I'm not totally familiar with yet). I just made mine as a stop-gap until (hopefully) someone will make a Winstripe or Classic theme. I was using Winstripe Modern, but it has now broken too badly and I had to revert back to the default theme. I'm just a noob and much of this stuff is a little over my head. In time, I may learn, if I can get the brain cells to cooperate! :-k
Win7 Pro SP1 64 Bit
Comodo Internet Security
Pale Moon 28.14.2, Interlink Mail 52.9.7577, Firefox 52.9.0esr, Thunderbird 52.9.1 and SeaMonkey 2.48

patrickjdempsey

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

Post Posted January 20th, 2011, 5:38 pm

Basically, all you need to do what you want is your image file and one .css file that has a list of the buttons you want to change linked to that image file. All of the css stuff in my theme related to changing the shape and colors of the buttons and urlbar/searchbar can just be removed. Let me know if you would like some assistance.... I was actually thinking about doing this the other day after you made that post about changing the icon colors.
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/

orbidia
 
Posts: 7
Joined: October 30th, 2010, 3:14 pm

Post Posted March 5th, 2011, 6:09 am

This seems to work well. Is it possible to make the "Reload current page" icon the the default circle icon in the same blue that was picked for the square shaped one? The circle shape on the default icon seems a bit more correct...

L.A.R. Grizzly

User avatar
 
Posts: 5350
Joined: March 15th, 2005, 5:32 pm
Location: Ohio, USA

Post Posted March 5th, 2011, 10:00 am

orbidia wrote:This seems to work well. Is it possible to make the "Reload current page" icon the the default circle icon in the same blue that was picked for the square shaped one? The circle shape on the default icon seems a bit more correct...


I had such a hard time getting it to look right while keeping its round shape. I ended up having to settle for the square shape. I'm just a novice at this. At this present time, it's the best I could do.

--Edit--

I changed the theme's toolbar icons to the old Winstripe icon set. I was getting tired of the contrast of the blocky icons while my add-ons use nicely styled icons. Now I have some consistency in the icon quality.
Last edited by L.A.R. Grizzly on March 7th, 2011, 1:40 pm, edited 2 times in total.
Win7 Pro SP1 64 Bit
Comodo Internet Security
Pale Moon 28.14.2, Interlink Mail 52.9.7577, Firefox 52.9.0esr, Thunderbird 52.9.1 and SeaMonkey 2.48

orbidia
 
Posts: 7
Joined: October 30th, 2010, 3:14 pm

Post Posted March 5th, 2011, 10:43 pm

Hey wow! This new icon set looks great. I don't know what it takes to put it as an addon on the firefox addons page. But I bet there's a lot of people who would like it. The bookmarks icon makes more sense too. It's clearly a classic cloth bookmark. I don't understand why they didn't make the bookmark button icon the yellow star like what is used in the address bar. That would've been more clear for everyone.

I wish firefox didn't switch to monochrome. Now everyone is using monochrome for the addon buttons. I can understand monochrome for buttons in photoshop where you don't want color distracting from working on precise colors in a photograph... but come'on - it's a web browser! Colors make the buttons easier to distinguish...

Also, if you happen to use All-In-One Sidebar which is a nice addon for a lot of things, the author is updating it for Firefox 4.0 and on this page:
http://firefox.exxile.net/forum/viewtop ... 6&start=30
The third post down has some code to put into userChrome.css to make the new All-In-One Sidebar have color buttons as well. I still have a monochrome buttons for the lastpass button and that silly panorama button. But things are looking a lot better.

Thanks for making this available - I'll be installing it wherever I put firefox.

L.A.R. Grizzly

User avatar
 
Posts: 5350
Joined: March 15th, 2005, 5:32 pm
Location: Ohio, USA

Post Posted March 5th, 2011, 11:10 pm

orbidia wrote:Hey wow! This new icon set looks great. I don't know what it takes to put it as an addon on the firefox addons page. But I bet there's a lot of people who would like it. The bookmarks icon makes more sense too. It's clearly a classic cloth bookmark. I don't understand why they didn't make the bookmark button icon the yellow star like what is used in the address bar. That would've been more clear for everyone.

I wish firefox didn't switch to monochrome. Now everyone is using monochrome for the addon buttons. I can understand monochrome for buttons in photoshop where you don't want color distracting from working on precise colors in a photograph... but come'on - it's a web browser! Colors make the buttons easier to distinguish...

Also, if you happen to use All-In-One Sidebar which is a nice addon for a lot of things, the author is updating it for Firefox 4.0 and on this page:
http://firefox.exxile.net/forum/viewtop ... 6&start=30
The third post down has some code to put into userChrome.css to make the new All-In-One Sidebar have color buttons as well. I still have a monochrome buttons for the lastpass button and that silly panorama button. But things are looking a lot better.

Thanks for making this available - I'll be installing it wherever I put firefox.


I'm glad you like the change. So far, none of my add-ons have gone monochrome. I'm not looking forward to that. It will just be another headache to deal with!
Win7 Pro SP1 64 Bit
Comodo Internet Security
Pale Moon 28.14.2, Interlink Mail 52.9.7577, Firefox 52.9.0esr, Thunderbird 52.9.1 and SeaMonkey 2.48

patrickjdempsey

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

Post Posted March 6th, 2011, 1:01 pm

orbidia wrote:Hey wow! This new icon set looks great. I don't know what it takes to put it as an addon on the firefox addons page. But I bet there's a lot of people who would like it.


For reasons that are really not very clear to anyone, Mozilla went on a little war path against Themes last year and removed them from the Recommended/Featured Addons list. This also removed them from appearing in the Get Add-ons frame. So really no chance of that for any of Themes.
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/

Lassar

User avatar
 
Posts: 176
Joined: June 20th, 2007, 1:42 pm

Post Posted March 8th, 2011, 3:09 pm

I agree that the Firefox 4 default theme is very UGLY !
-
Curious about the FCC GROL License ?

patrickjdempsey

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

Post Posted March 8th, 2011, 4:29 pm

Please stop spamming EVERY SINGLE theme thread to say the same thing over and over.
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/

Lassar

User avatar
 
Posts: 176
Joined: June 20th, 2007, 1:42 pm

Post Posted March 8th, 2011, 5:27 pm

L.A.R. Grizzly wrote:After using the Firefox 4.0 betas for some time now, I've become tired of the monochrome toolbar icons... I feel that the plain "black" appearance is totally unappealing and makes the icons hard to distinguish between.


I really like the look of the reload and bookmark buttons in the XP Firefox 3 default.

Would you consider dong a theme that looks like the the XP Firefox 3 default theme?

I manage to find the Toolbar.png and Toolbar-small.png from the old XP default theme if you need them.
-
Curious about the FCC GROL License ?

Lassar

User avatar
 
Posts: 176
Joined: June 20th, 2007, 1:42 pm

Post Posted March 8th, 2011, 5:35 pm

L.A.R. Grizzly wrote:After using the Firefox 4.0 betas for some time now, I've become tired of the monochrome toolbar icons... I feel that the plain "black" appearance is totally unappealing and makes the icons hard to distinguish between.


You theme looks really good.

But I really prefer the look of the reload button in the XP Firefox 3 default.

But I guess I could live with this reload button.

I think I am going to install this theme.
-
Curious about the FCC GROL License ?

L.A.R. Grizzly

User avatar
 
Posts: 5350
Joined: March 15th, 2005, 5:32 pm
Location: Ohio, USA

Post Posted March 8th, 2011, 7:24 pm

Lassar wrote:
L.A.R. Grizzly wrote:After using the Firefox 4.0 betas for some time now, I've become tired of the monochrome toolbar icons... I feel that the plain "black" appearance is totally unappealing and makes the icons hard to distinguish between.


You theme looks really good.

But I really prefer the look of the reload button in the XP Firefox 3 default.

But I guess I could live with this reload button.

I think I am going to install this theme.


With the software I have, it's a real pain modifying the toolbar file. I just gave it a shot with the FF 3 Strata Icons and I couldn't get it to work out. If it were easier for me, I might have gone forward with it. Sorry. :?
Win7 Pro SP1 64 Bit
Comodo Internet Security
Pale Moon 28.14.2, Interlink Mail 52.9.7577, Firefox 52.9.0esr, Thunderbird 52.9.1 and SeaMonkey 2.48

Lassar

User avatar
 
Posts: 176
Joined: June 20th, 2007, 1:42 pm

Post Posted March 8th, 2011, 7:37 pm

I have installed it and it is looking pretty good.

Found out that the reload button isn't used anyway.

So I guess I am good to go.

Keep up the good work.
-
Curious about the FCC GROL License ?

Return to Extension/Theme Releases


Who is online

Users browsing this forum: No registered users and 3 guests