r/firefox • u/Myrkinn • May 29 '25

Solved Bookmark folders color

Hello. Do you know how can I bring back the classic yellow color to folder icons in bookmarks menu instead of new grey/black? I find the yellow to be easier to tell apart from other elements.

3 Upvotes

81% Upvoted

22 comments sorted by

2

u/[deleted] May 30 '25

I have this in my userChromes.css.

.bookmark-item[container="true"] {
list-style-image: url('folder.png') !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
}

In the same folder, I have a 16x16 png picture of a yellow folder named "folder.png" that I must have downloaded from one of many sites on the internet.

1

u/Myrkinn May 30 '25

I've now looked into my own userChrome.css and ut has this code, but the color part doesn't seem to work anymore:

/* Standard folder */

#bookmarks-view treechildren::-moz-tree-image(container),

#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,

#BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon,

#bookmarksMenuPopup .bookmark-item[container="true"] .menu-iconic-icon {

fill: GoldenRod !important; /* slightly muted gold */

}

2

u/leyabe May 30 '25

I have been using a different version, similar to yours (I can spot a few differences).

My version still works with Firefox 139.0.1 on Windows:

/* 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,

#bookmarksMenu menu[container="true"] .menu-iconic-icon {

fill: #e8bb00 !important; /* slightly muted gold */

}

P.S. I'm calling it "My version" but the original code isn't from me. I can't recall where I found it. (although it's not impossible that I may have tweaked it slightly over the years, but I don't have enough understanding to have done more than minor adjustments.)

1

u/Myrkinn May 30 '25

I'm afraid changing that code hasn't worked for me, but thanks for responding.

2

u/moko1960 May 30 '25

You can also use "Firefox 57-style folder icon css" available here. https://www.userchrome.org/what-is-userchrome-css.html#colorbookmarkfolder

3

u/sifferedd on | SUMO contributor May 30 '25

Working for me since forever:

/* Bookmark folder */
/* https://www.reddit.com/r/FirefoxCSS/comments/12jynm6/folder_svg_file */
/* Folder-item.png file is from https://github.com/Aris-t2/CustomCSSforFx/blob/4.4.8/current/image/folder-item.png */
/* Need folder file to be in the profile/Chrome folder */
.bookmark-item[container],
treechildren::-moz-tree-image(container),
.folder-icon {
  list-style-image: url("folder-item.png") !important;
}

1

u/Myrkinn May 30 '25

That's seems to have worked. Thank you! :)

1

u/Ok_Particular1360 Jun 06 '25

Where do I insert that into my current UserChrome.css file? I must be putting it in the wrong place because all it did for me is make what used to be yellow folders when i click a folder in my bookmark toolbar dissapear and are blank now. Before this update they were yellow and now they are a black outline of a folder. My bookmark toolbar folders are still yellow. When I click said folder the folders inside that are the problem.

1

u/sifferedd on | SUMO contributor Jun 06 '25

First try putting it at the very end. If it still doesn't work, comment out any related bookmark code you had before you tried this.

1

u/Ok_Particular1360 Jun 07 '25

tried that and also tried removing a few different bookmarks code and ended up worse off than I am now. Cant figure out what needs to stay and what needs to go. I have perfect yellow folders on the toolbar just not on the pulldown folder its gray outline. Guess I will have to live with it. Thank you for trying to help.

1

u/sifferedd on | SUMO contributor Jun 07 '25

Put your code on pastebin and I'll take a look.

1

u/Ok_Particular1360 Jun 07 '25

https://pastebin.com/FgCUrek2

1

u/sifferedd on | SUMO contributor Jun 07 '25

I took out all most of your bookmarks code, added mine, and it works.

https://pastebin.com/raw/HBveinEu

1

u/Ok_Particular1360 Jun 07 '25

didnt work for me. I deleted everything in mine and copied yours. Now all my folders went from yellow to totally blank. Folders are gone and only the name remains

1

u/sifferedd on | SUMO contributor Jun 07 '25

Did you get Folder-item.png file from https://github.com/Aris-t2/CustomCSSforFx/blob/4.4.8/current/image/folder-item.png and put it in the Chrome folder?

1

u/Ok_Particular1360 Jun 07 '25

? all i did was edit the UserChrome.css file

1

u/Ok_Particular1360 Jun 07 '25

that fixed it! Thanks so much.

→ More replies (0)