Quick and dirty grayscale?

[petrus]

Is there a quick (and dirty) way to turn the complete user interface grayscale, like apply "-moz-filter : grayscale (100%);" to * interface?
I mean everything across the board, buttons, icons, fav icons, address bar icons, you name it, really everything except and web page itself!

[Lootyhoof]

This should do it:

Code: Select all

#titlebar,
#navigator-toolbox,
#browser-bottombox {
  filter: grayscale(100%);
}

[petrus]

Thank you very much, that exactly, and it looks even better than expected:


You should release it as a theme!

Edit: i removed the "Search or enter address" text from the "location bar" (or address bar) with this stylish script:

Code: Select all

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#urlbar *|*.textbox-input::-moz-placeholder,
#urlbar *|*.textbox-input:focus::-moz-placeholder {color:transparent!important}

#searchbar *|*.textbox-input::-moz-placeholder,
#searchbar *|*.textbox-input:focus::-moz-placeholder {color:transparent!important}

found on https://support.mozilla.org/questions/998991

[petrus]

Lootyhoof: Is it somehow possible to exclude ".tab-icon-image" (favicons) from this? (not whole tabs, or the tab bar, just the icons)

And this is how just replacing #browser-bottombox with #addon-bar turns out: