Join the Mozilla’s Test Days event from Dec 2–8 to test the new Firefox address bar on Firefox Beta 134 and get a chance to win Mozilla swag vouchers! 🎁

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Èròjà atẹ̀lélànà yii ni a ti fi pamọ́ fọ́jọ́ pípẹ́. Jọ̀wọ́ béèrè ìbéèrè titun bí o bá nílò ìrànwọ́.

How do I change the Library highlight color for a folder (left panel) to make it more visible while working in the right panel on bookmarks?

  • 3 àwọn èsì
  • 1 ní ìṣòro yìí
  • 3 views
  • Èsì tí ó kẹ́hìn lọ́wọ́ sandhillman

more options

When I am working with many bookmarks in the right Library panel, I can't see well the highlight color for the folder I'm working in on the left panel. With folders organizing similar website bookmarks, I need to see clearly the highlighted folder on the left. The current color is too dim. Is there a setting in about:config or somewhere else that needs to be tweaked to adjust it?

When I am working with many bookmarks in the right Library panel, I can't see well the highlight color for the folder I'm working in on the left panel. With folders organizing similar website bookmarks, I need to see clearly the highlighted folder on the left. The current color is too dim. Is there a setting in about:config or somewhere else that needs to be tweaked to adjust it?

All Replies (3)

more options

You could set a different highlight in a userChrome.css file. The names of the elements:

treechildren::-moz-tree-row(selected) {
  background: #129900 url("chrome://global/skin/url-hover.png") repeat left top;
tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) {
  background: #129900 url("chrome://global/skin/url-hover.png") repeat left top;
}

tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
  background: #129900 url("chrome://global/skin/url-hover.png") repeat left top;
}

Those are lines taken from the tree.css file of a theme I am using. You can use a background colour or a background image or both.

Ti ṣàtúnṣe nípa finitarry

more options
more options

Thanks for the link to http://kb.mozillazine.org/UserChrome.css where I found another link to userstyles.org, the web site where I found my answer. I installed stylish for Firefox and found a style for the Library. Thanks so much!