X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

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?

Posted

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?

Additional System Details

Installed Plug-ins

  • Google Update
  • Shockwave Flash 11.5 r502
  • Next Generation Java Plug-in 10.13.2 for Mozilla browsers
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • RealPlayer(tm) LiveConnect-Enabled Plug-In
  • RealPlayer Download Plugin
  • Adobe PDF Plug-In For Firefox and Netscape 10.1.5
  • RealNetworks(tm) RealDownloader Chrome Background Extension Plug-In
  • RealNetworks(tm) RealDownloader PepperFlashVideoShim Plug-In
  • RealNetworks(tm) RealDownloader HTML5VideoShim Plug-In
  • RealDownloader Plugin
  • Adobe Shockwave for Director Netscape plug-in, version 11.6.8.638
  • A plugin to detect whether the Adobe Application Manager is installed on this machine.
  • Adobe Shockwave for Director Netscape plug-in, version 11.6.6.636
  • Adobe Shockwave for Director Netscape plug-in, version 11.6.5.635
  • 5.1.10411.0
  • NPWLPG
  • Virtual Earth 3D 4.00090316005 plugin for Mozilla
  • np-mswmp
  • Office Plugin for Netscape Navigator

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:18.0) Gecko/20100101 Firefox/18.0

More Information

finitarry 157 solutions 2177 answers

Helpful Reply

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.

Modified by finitarry

Question owner

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!