Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

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

How to change toolbar button icon color in Library window?

Firefox Settings
joeyburrow replied
joeyburrow
joeyburrow

Is there way to separate the icon color from the icons in the library window? i used 

#nav-bar .chromeclass-toolbar-additional, #nav-bar .webextension-browser-action, 
#reload-button, #stop-button, .toolbarbutton-icon {
  fill: #ffffff !important;
}

but it also applied it in the library window.

Is there way to separate the icon color from the icons in the library window? i used <pre><nowiki>#nav-bar .chromeclass-toolbar-additional, #nav-bar .webextension-browser-action, #reload-button, #stop-button, .toolbarbutton-icon { fill: #ffffff !important; }</nowiki></pre> but it also applied it in the library window.
Attached screenshots

Modified by cor-el

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor

Chosen Solution

Enclose the code in a @-moz-document block to restrict the code to browser.xul (future Firefox versions will switch to browser.xhtml). 

@-moz-document 
 url(chrome://browser/content/browser.xul),
 url(chrome://browser/content/browser.xhtml){
 (your code)
}

Modified by cor-el

joeyburrow
joeyburrow Question owner

Thank you. got it working!

Modified by joeyburrow