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.

How to change toolbar button icon color in Library window?

  • 2 replies
  • 1 has this problem
  • 5 views
  • Last reply by joeyburrow

joeyburrow
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)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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

joeyburrow
joeyburrow Question owner
more options

Thank you. got it working!

Modified by joeyburrow