We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

customize folder tree icons in 115

more options

Until 115 release I managed to customize the icons of folder tree via userChrome.css. But now that code doesn't work any more. I add here a piece of that code:

.tabmail-tab[type="folder"][SpecialFolder="Outbox"],

  1. treechildren::-moz-tree-image(folderNameCol, specialFolder-Outbox) {
 list-style-image: url("folder.png") !important;
 -moz-image-region: rect(0 16px 16px 0) !important;}

Of course folder.png is in the same folder of userChrome.css. How should I change it? Thank you!

Until 115 release I managed to customize the icons of folder tree via userChrome.css. But now that code doesn't work any more. I add here a piece of that code: .tabmail-tab[type="folder"][SpecialFolder="Outbox"], #treechildren::-moz-tree-image(folderNameCol, specialFolder-Outbox) { list-style-image: url("folder.png") !important; -moz-image-region: rect(0 16px 16px 0) !important;} Of course folder.png is in the same folder of userChrome.css. How should I change it? Thank you!

All Replies (1)

more options

ops... My code is not shown correctly above. I try again:

.tabmail-tab[type="folder"][SpecialFolder="Outbox"], #treechildren::-moz-tree-image(folderNameCol, specialFolder-Outbox) { list-style-image: url("folder.png") !important; -moz-image-region: rect(0 16px 16px 0) !important;}