We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

How to change toolbar button icon color in Library window?

  • 2 fhreagra
  • 1 leis an bhfadhb seo
  • 1 view
  • Freagra is déanaí ó 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

Athraithe ag cor-el ar

Réiteach roghnaithe

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

Réiteach Roghnaithe

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

Athraithe ag cor-el ar

more options

Thank you. got it working!

Athraithe ag joeyburrow ar