Search Support

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 closed and archived. Please ask a new question if you need help.

How can the bookmark folder colors be changed from gray?

  • 5 replies
  • 19 have this problem
  • 1 view
  • Last reply by Chris Ilias

more options

With the recent update, the folder colors have for no good reason been made ugly grey. It would be nice to have a choice of colors for each different folder. At the minimum please restore the previous yellow.

With the recent update, the folder colors have for no good reason been made ugly grey. It would be nice to have a choice of colors for each different folder. At the minimum please restore the previous yellow.

Chosen solution

You need to create a userChrome.css file and copy / paste the following code into it.


/* Colored folders for bookmark sidebar, toolbar, menu button */ /* Standard folder */ #bookmarks-view treechildren::-moz-tree-image(container), #PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon { fill: #e8bb00 !important; /* slightly muted gold */ } /* Live Bookmark (RSS Feed) */ #bookmarks-view treechildren::-moz-tree-image(container, livemark), #PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon { fill: orange !important; } /* Smart bookmark folder */ #bookmarks-view treechildren::-moz-tree-image(container, query), #PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon { fill: #69c !important; /* similar to blue smart folder color */ } /* These "containers" are SVG in the sidebar, not yet on the menu */ #bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { fill: olive !important; } #bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { fill: olive !important; } #bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { fill: olive !important; }

Read this answer in context 👍 2

All Replies (5)

more options

Chosen Solution

You need to create a userChrome.css file and copy / paste the following code into it.


/* Colored folders for bookmark sidebar, toolbar, menu button */ /* Standard folder */ #bookmarks-view treechildren::-moz-tree-image(container), #PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon { fill: #e8bb00 !important; /* slightly muted gold */ } /* Live Bookmark (RSS Feed) */ #bookmarks-view treechildren::-moz-tree-image(container, livemark), #PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon { fill: orange !important; } /* Smart bookmark folder */ #bookmarks-view treechildren::-moz-tree-image(container, query), #PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon { fill: #69c !important; /* similar to blue smart folder color */ } /* These "containers" are SVG in the sidebar, not yet on the menu */ #bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { fill: olive !important; } #bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { fill: olive !important; } #bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { fill: olive !important; }

more options

These two solutions appear to be the same. But the second solution contains paragraph marks. Does that make a difference to running this script?

I copied the script(solution #1) and put it into the folder as described. Saved the script, and exited Notepad, then I exited Firefox, re-opened it. Bookmark folders are still shaded gray. Does the script require a full re-boot?

Using Windows 10

Modified by Gotadimple

more options

It worked for me after closing the browser and then re-opening. Unfortunately, the Folders are basically just outlined in a yellow-orange color. I have tried to make them completely solid but to no avail.

Also, with this new version I will attempt to open my bank site and everything freezes and I can't close anything. Its happened with other sites too, that I try to open. I then have to spend time using Task Manager to close everything.

Seems buggy. I may finally have to move on from this after several years of using FF.

more options

I'm truly disappointed with Mozilla for doing this. Stupid FB did the same thing with one of their features, and isn't anybody asking users what they want before forging ahead and doing something as lame as this? It can't be complicated to change ... on YOUR end. What got posted as a solution above is no viable answer to this annoyance!

more options

Hi King Ray,
If you want to leave feedback for Firefox developers, go to the Help menu and select Submit Feedback. You'll be heard there.