Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

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

How to change toolbar button icon color in Library window?

  • 2 replies
  • 1 has this problem
  • 1 view
  • Last reply by joeyburrow

more options

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

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)
}
Read this answer in context 👍 1

All Replies (2)

more options

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

more options

Thank you. got it working!

Modified by joeyburrow