Hallo, ich habe folgenden Code gefunden, um Icons von Erweiterungen auszugrauen. Das klappt bei mir mit Feedbro und uBlock, aber nicht mit ImTranslator, I don't care about cookies und In my Pocket. Da zeigt sich leider keine Farbänderung. Ich habe natürlich immer die entsprechende extension id rausgesucht:
Code
#extension_icon_id {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
:root:-moz-lwtheme-brighttext #extension_icon_id {
-webkit-filter: grayscale(100%) invert(100%);
filter: grayscale(100%) invert(100%);
}
Diese beiden Codes mit uBlock und Feedbro gehen:
Code
#ublock0_raymondhill_net-browser-action {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
:root:-moz-lwtheme-brighttext #ublock0_raymondhill_net-browser-action {
-webkit-filter: grayscale(100%) invert(100%);
filter: grayscale(100%) invert(100%);
}
#_a9c2ad37-e940-4892-8dce-cd73c6cbbc0c_-browser-action {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
:root:-moz-lwtheme-brighttext #_a9c2ad37-e940-4892-8dce-cd73c6cbbc0c_-browser-action {
-webkit-filter: grayscale(100%) invert(100%);
filter: grayscale(100%) invert(100%);
}
Alles anzeigen
In my Pocket, Im Translator und I don't care about Cookies gehen nicht:
Code
#_cd7e22de-2e34-40f0-aeff-cec824cbccac_-browser-action {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
:root:-moz-lwtheme-brighttext #_cd7e22de-2e34-40f0-aeff-cec824cbccac_-browser-action {
-webkit-filter: grayscale(100%) invert(100%);
filter: grayscale(100%) invert(100%);
}
#_9AA46F4F-4DC7-4c06-97AF-5035170634FE_-browser-action {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
:root:-moz-lwtheme-brighttext #_9AA46F4F-4DC7-4c06-97AF-5035170634FE_-browser-action {
-webkit-filter: grayscale(100%) invert(100%);
filter: grayscale(100%) invert(100%);
}
#jid1-KKzOGWgsW3Ao4Q@jetpack-browser-action {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
:root:-moz-lwtheme-brighttext #jid1-KKzOGWgsW3Ao4Q@jetpack-browser-action {
-webkit-filter: grayscale(100%) invert(100%);
filter: grayscale(100%) invert(100%);
}
Alles anzeigen