How do I get rid of the Hearts in iCandy

[nujackk]

Hi
I installed and Love the iCandy Jr theme with 1 exception the Hearts are tooo sweet for me.
I would love to stick with this theme but can't tolerate the Hearts.
How can I change the heart icons? To something (anything ) else.

Thank you

[aaron]

Put the following code in your userchrome.css file -- note: it will only change the hearts on the tabs and on the bookmarks toolbar. I don't know why it doesn't change the hearts in the bookmark manager.

For Firefox:

Code: Select all

#content .tab-icon { list-style-image: url('chrome://browser/skin/icons/bookmark_group.png') !important; }

.bookmark-item { list-style-image: url("chrome://browser/skin/icons/bookmark_group.png") !important; }

.bookmark-item[container="true"] {
  list-style-image: url("chrome://browser/skin/icons/folder.png") !important;
}
.bookmark-item[open="true"],
.bookmark-item[container="true"][open="true"] {
  list-style-image: url("chrome://browser/skin/icons/folder.png") !important;
}

For Mozilla/Netscape:

Code: Select all

#content .tab-icon { list-style-image: url('chrome://communicator/skin/bookmarks/bookmark_group.png') !important; }

.bookmark-item { list-style-image: url("chrome://communicator/skin/bookmarks/bookmark_group.png") !important; }

.bookmark-item[container="true"] {
  list-style-image: url("chrome://communicator/skin/bookmarks/bookmark_folder.png") !important;
}
.bookmark-item[open="true"],
.bookmark-item[container="true"][open="true"] {
  list-style-image: url("chrome://communicator/skin/bookmarks/bookmark_folder.png") !important;
}

[nujackk]

Thank you I really appreciate the quick response

[c∂n]

Bookmark manager displays a tree.

[springofdark]

The code for changing tree items is in: global/tree.css

treechildren::-moz-tree-image(Name) {
margin: 0px 2px;
list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
-moz-image-region: rect(0px, 16px, 16px, 0px);
}

I don't know what the icandy code is though...

[nujackk]

Thanks I'll look into it see if I can get those changed as well, But if not I think I can live with the changes aaron has given me.
At least I don't have to look at the hearts all the time now.

[FOOOD]

Yea, you could replace them with the favourites star from iCandy Junior ( http://www.foood.net/icandy-junior.htm ) & the Add to Favourites from the iCandy Junior Toolbar Icons ( http://www.foood.net/icandy-junior-toolbar-icons.htm )

[cgr]

Aaron, would it be possible to add the star icon FOOOD mentioned to the theme (or the old icon you used in previous releases) and then make it a theme option to choose either the star or the heart?

Other than that, I really like your themes and appreciate the effort!

Cheers,
Christian

[Dunderklumpen]

1. Rename the themefile to .zip
2. Open it
3. Replace the icon - look in browser/icons
4. Replace the bookmark_item.png
5. Close
6. rename back to .jar
7. Delete them iCandy theme in your browser
8. Reinstall - use your "personalized" version of iCandy

Mind you - you need to edit the icon/picture of your choice and make it in the same size as the original.

[cgr]

Yes, I already did that. But, because I am lazy, I thought Aaron could include them in his next release, so I won't have to do it again .

BTW, FOOODs icons already come (among others) in the correct size.

[aaron]

Springofdark:
I tried putting that code (changing the location to point to my image) in userchrome.css, and it did change the hearts to the world icons, but it also changed the folders to worlds too. Looks like there's not much that can be done via userchome.css to the Bookmark Manager window.

Cgr:
The star is already present in the theme, so I will give you the code to make the change via userchrome.css. I don't really want to make this a theme option, because I would prefer to have the theme options the same for all my themes. Anyway, here is the code.
Firefox:

Code: Select all

#content .tab-icon { list-style-image: url('chrome://browser/skin/icons/throbber-small.png') !important; }

.bookmark-item { list-style-image: url("chrome://browser/skin/icons/throbber-small.png") !important; }

.bookmark-item[container="true"] {
  list-style-image: url("chrome://browser/skin/icons/folder.png") !important;
}
.bookmark-item[open="true"],
.bookmark-item[container="true"][open="true"] {
  list-style-image: url("chrome://browser/skin/icons/folder.png") !important;
}

Mozilla/Netscape:

Code: Select all

#content .tab-icon { list-style-image: url('chrome://communicator/skin/brand/throbber16.png') !important; }

.bookmark-item { list-style-image: url("chrome://communicator/skin/brand/throbber16.png") !important; }

.bookmark-item[container="true"] {
  list-style-image: url("chrome://communicator/skin/bookmarks/bookmark_folder.png") !important;
}
.bookmark-item[open="true"],
.bookmark-item[container="true"][open="true"] {
  list-style-image: url("chrome://communicator/skin/bookmarks/bookmark_folder.png") !important;
}

[koen]

Sorry for the kick, but the code from aaron did replaced the hearts by the bookmarks, but not the little heart next to the URL (the adress bar). Does anyone know how to do that?

[Raila]

Catthief's site has a lot of info on that for changing stuff. I was really surprised at all the little tweaks he had there :>

And he has EXACTLY how to do what ya want as well

[aaron]

CatThief's actually a she...

Koen, if you still need code, let me know.

[CatThief]

Thank you, Aaron.