Avatar for Username

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

How do I set a custom icon for the folders in my bookmarks menu?

  • 3 replies
  • 1 has this problem
  • 1056 views
  • Last reply by The Matrix

The Matrix
The Matrix

I need to set a custom icon for the folders in my bookmarks menu. I recently upgraded FF to 58.0.1 64 bit and all the folders in my bookmarks menu are now light grey on slightly lighter grey. This is VERY difficult to see for people with vision disabilities such as I have. I really need to have the old yellowish folder icons back or something similar to it. I really appreciate all of the work that the development members do in keeping FireFox current but sometimes (as is the case with most development teams) they seem to change things just to say "look it is new (and improved)" but alas new <> improved. If someone can point me in the direction to fix this I would really appreciate it a lot. Thanks!

I need to set a custom icon for the folders in my bookmarks menu. I recently upgraded FF to 58.0.1 64 bit and all the folders in my bookmarks menu are now light grey on slightly lighter grey. This is VERY difficult to see for people with vision disabilities such as I have. I really need to have the old yellowish folder icons back or something similar to it. I really appreciate all of the work that the development members do in keeping FireFox current but sometimes (as is the case with most development teams) they seem to change things just to say "look it is new (and improved)" but alas new <> improved. If someone can point me in the direction to fix this I would really appreciate it a lot. Thanks!

Chosen solution

You can follow the example here:

https://www.userchrome.org/what-is-userchrome-css.html#colorbookmarkfolder

Download the ZIP file and look at the CSS in there.

Read this answer in context 👍 0

All Replies (3)

The Matrix
The Matrix Question owner

I see in chrome://browser/skin/browser.css the following which is setting the icon used that I want to change. What is the UserChrome.css syntax to over ride that?


.bookmark-item[query][hostContainer] { 

 list-style-image: url("chrome://browser/skin/places/folder.svg");

}

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor

Chosen Solution

You can follow the example here:

https://www.userchrome.org/what-is-userchrome-css.html#colorbookmarkfolder

Download the ZIP file and look at the CSS in there.

The Matrix
The Matrix Question owner

jscher thank you so much. I followed the instructions you provided and it is PERFECT. You have made my FF configuration usable again even with my severely limited visions. If you are ever in Virginia I owe you one my friend!