Seit ein paar Tagen stellt sich in Nightly das Icon für den AddonsManager im Tab und in der von mir genutzten Statusleiste neu dar.
Mit welchem CSS-Schnipsel, kann ich wieder das alte Icon (schwarz gefülltes Puzzleteil) nutzen?
Mit welchem CSS-Schnipsel
Ob bzw. wie man das Original Icon füllen kann weiß ich leider nicht.
Alternative:
/*Lesezeichen Icon */
.bookmark-item image.toolbarbutton-icon[label="Add-ons-Verwaltung"] {
display: none !important;
}
.bookmark-item[label="Add-ons-Verwaltung"] {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA7UlEQVQ4jZXSP0pDQRAG8B8xiLVaBPQAErBI8ADWCuIZbO28gQcQTxBErNJo4SmsBEE7a5UIotFOE4vd4mXfy+a9gWGZmf2++UtZzvGGS7Qr4lnZwbSgh4sArcT+wqRgvzetAIYx+12dz0tYRg8HOMY+VrCGLWwIsxjht4rk2Wzf83QUiUvyU5Ngin4KbikPMifdKoKJMO1rvC4g2I5vH3vinZxgNQbW8ZJp4REXBfuqKstNhiDVTzhFJ4I7whnPA9wLp/4X7QGM8YFbYVW5jGcxURe74gLGDUo+SvttskJ4Sh1tYXWbNcDfeEid/1CNZcg2xfulAAAAAElFTkSuQmCC") no-repeat !important;
background-position: 0px 1px !important;
padding-left: 21px !important;
}
.bookmark-item[label="Add-ons-Verwaltung"]:hover {
background: lightgrey url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA7UlEQVQ4jZXSP0pDQRAG8B8xiLVaBPQAErBI8ADWCuIZbO28gQcQTxBErNJo4SmsBEE7a5UIotFOE4vd4mXfy+a9gWGZmf2++UtZzvGGS7Qr4lnZwbSgh4sArcT+wqRgvzetAIYx+12dz0tYRg8HOMY+VrCGLWwIsxjht4rk2Wzf83QUiUvyU5Ngin4KbikPMifdKoKJMO1rvC4g2I5vH3vinZxgNQbW8ZJp4REXBfuqKstNhiDVTzhFJ4I7whnPA9wLp/4X7QGM8YFbYVW5jGcxURe74gLGDUo+SvttskJ4Sh1tYXWbNcDfeEid/1CNZcg2xfulAAAAAElFTkSuQmCC") no-repeat !important;
background-position: 0px 1px !important;
padding-left:21px!important;
}
/*Tabicon*/
.tabbrowser-tab[label="Add-ons-Verwaltung"] .tab-icon-image {
display: none !important;
}
.tabbrowser-tab[label="Add-ons-Verwaltung"] .tab-text {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA7UlEQVQ4jZXSP0pDQRAG8B8xiLVaBPQAErBI8ADWCuIZbO28gQcQTxBErNJo4SmsBEE7a5UIotFOE4vd4mXfy+a9gWGZmf2++UtZzvGGS7Qr4lnZwbSgh4sArcT+wqRgvzetAIYx+12dz0tYRg8HOMY+VrCGLWwIsxjht4rk2Wzf83QUiUvyU5Ngin4KbikPMifdKoKJMO1rvC4g2I5vH3vinZxgNQbW8ZJp4REXBfuqKstNhiDVTzhFJ4I7whnPA9wLp/4X7QGM8YFbYVW5jGcxURe74gLGDUo+SvttskJ4Sh1tYXWbNcDfeEid/1CNZcg2xfulAAAAAElFTkSuQmCC") no-repeat !important;
background-position: 0px 0px !important;
padding-left: 21px !important;
}Ob bzw. wie man das Original Icon füllen kann weiß ich leider nicht.
Die Grafik existiert auch gefüllt in Firefox:
chrome://mozapps/skin/extensions/category-extensions.svg
Die Grafik existiert auch gefüllt in Firefox:
Vielen Dank dafür 
Dann:
/*Lesezeichen Icon */
.bookmark-item image.toolbarbutton-icon[label="Add-ons-Verwaltung"] {
display: none !important;
}
.bookmark-item[label="Add-ons-Verwaltung"] {
background: url("chrome://mozapps/skin/extensions/category-extensions.svg") no-repeat !important;
background-position: 0px 1px !important;
padding-left: 21px !important;
}
.bookmark-item[label="Add-ons-Verwaltung"]:hover {
background: lightgrey url("chrome://mozapps/skin/extensions/category-extensions.svg") no-repeat !important;
background-position: 0px 1px !important;
padding-left:21px!important;
}
/*Tabicon*/
.tabbrowser-tab[label="Add-ons-Verwaltung"] .tab-icon-image {
display: none !important;
}
.tabbrowser-tab[label="Add-ons-Verwaltung"] .tab-text {
background: url("chrome://mozapps/skin/extensions/category-extensions.svg") no-repeat !important;
background-position: 0px 0px !important;
padding-left: 21px !important;
}Hm, beide Varianten ändern hier nix, weder nach Cache-Leerung noch nach Neustart... 
Gleiches unten in der Status-Leiste
Für den TAB habe ich diesen Code:
/* TABS */
tab.tabbrowser-tab[label="Add-ons-Verwaltung"] .tab-icon-image {
display: none !important;
}
tab.tabbrowser-tab[label="Add-ons-Verwaltung"] .tab-text.tab-label {
background: url("file:///C:/Dropbox/Chrome/Icons/Add-ons-Web.png") no-repeat !important;
background-position: 1px 0px !important;
padding-left: 23px;
padding-top: 2px;
}
Gruß
EDV-Oldi
Auch da rührt sich nix 
Auch da rührt sich nix
Dann funkt dir etwas anderes dazwischen.
Gleiches unten in der Status-Leiste
Das ist ja auch an einem ganz anderen Ort, und hat mit den Codes nichts zu tun.
Dafür musst du dann erst einen weiteren Code einfügen:
/*Lesezeichen Icon */
.bookmark-item image.toolbarbutton-icon[label="Add-ons-Verwaltung"] {
display: none !important;
}
.bookmark-item[label="Add-ons-Verwaltung"] {
background: url("chrome://mozapps/skin/extensions/category-extensions.svg") no-repeat !important;
background-position: 0px 1px !important;
padding-left: 21px !important;
}
.bookmark-item[label="Add-ons-Verwaltung"]:hover {
background: lightgrey url("chrome://mozapps/skin/extensions/category-extensions.svg") no-repeat !important;
background-position: 0px 1px !important;
padding-left:21px!important;
}
/*Tabicon*/
.tabbrowser-tab[label="Add-ons-Verwaltung"] .tab-icon-image {
display: none !important;
}
.tabbrowser-tab[label="Add-ons-Verwaltung"] .tab-text {
background: url("chrome://mozapps/skin/extensions/category-extensions.svg") no-repeat !important;
background-position: 0px 0px !important;
padding-left: 21px !important;
}
/*Statusleiste*/
#add-ons-button {
list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.svg") !important;
}Die Grafik existiert auch gefüllt in Firefox:
chrome://mozapps/skin/extensions/category-extensions.svg
Warum lässt sich das jetztige Symbol nicht mit fill: füllen? Stattdessen wird nur der Umriss des Symbols gefärbt.
Auch da rührt sich nix
Den Grund für die Tabs habe ich gefunden 
Die Nummern/Script in deinen Tabs stören dabei.
/*Lesezeichen Icon */
.bookmark-item image.toolbarbutton-icon[label="Add-ons-Verwaltung"] {
display: none !important;
}
.bookmark-item[label="Add-ons-Verwaltung"] {
background: url("chrome://mozapps/skin/extensions/category-extensions.svg") no-repeat !important;
background-position: 0px 1px !important;
padding-left: 21px !important;
}
.bookmark-item[label="Add-ons-Verwaltung"]:hover {
background: lightgrey url("chrome://mozapps/skin/extensions/category-extensions.svg") no-repeat !important;
background-position: 0px 1px !important;
padding-left:21px!important;
}
/*Tabicon*/
.tabbrowser-tab[label*="Add-ons-Verwaltung"] .tab-icon-image {
display: none !important;
}
.tabbrowser-tab[label*="Add-ons-Verwaltung"] .tab-text {
background: url("chrome://mozapps/skin/extensions/category-extensions.svg") no-repeat !important;
background-position: 0px 0px !important;
padding-left: 21px !important;
}
/*Statusleiste*/
#add-ons-button {
list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.svg") !important;
}Trotzdem hätten das Icon in den Lesezeichen funktionieren müssen.
Oder hast du da auch ein Script für, oder den Text verändert?
Warum lässt sich das jetztige Symbol nicht mit fill: füllen? Stattdessen wird nur der Umriss des Symbols gefärbt.
Weil mit fill die Form einer SVG-Grafik gefüllt wird und die Form ist in diesem Fall eben nicht die Fläche, sondern das, was du als Umriss bezeichnest.
Um den Unterschied zu verdeutlichen: Links ist die von mir verlinkte gefüllte Grafik, rechts die Grafik, die Firefox als Favicon von about:addons verwendet. Man achte in beiden Fällen auf den Pfad. Es handelt sich von der Grafik her also nicht tatsächlich um eine Kontur (auch wenn es diese Funktion erfüllt):
Danke, Sören.
Wie hast du den Pfad der svg-Grafik visualisiert? Gibt es da ein Tool, oder ist das schon in der FF-Entwicklungsumgebung vorhanden?
Noch was zum Aussehen:
Semantisch finde ich jetzt die neue Grafik besser, weil sie eher an ein Plug-In erinnert und nicht mehr so stark an ein Puzzleteil. Dass mit dem Puzzleteil habe ich nie so recht verstanden. Obwohl diese Analogie auch in anderen Programmen häufig genutzt wird, so ist ein Puzzleteil etwas, was hinzugefügt wird, um etwas komplett zu machen und ohne dieses Teil fehlt halt was. Ein Add-On (oder Plug-In) erweitert etwas nur...ist meiner Meinung nach was anderes. Ich finde den auch häufig verwendeten (Strom-)Stecker oder Lego-Stein am verständlichsten.
Optisch finde ich aber gerade die ausgefüllte Form ziemlich schlecht gemacht. Also intuitiv kann ich diesem Symbol keine Funktion zuordnen...
Wie hast du den Pfad der svg-Grafik visualisiert? Gibt es da ein Tool, oder ist das schon in der FF-Entwicklungsumgebung vorhanden?
Adobe Illustrator: https://www.adobe.com/de/products/illustrator.html
Ok, Danke!
Adobe Illustrator ist dann vom Funktionsumfang und der Preisgestaltung wohl doch eher was für professionelle Anwender. Ich habe gehofft, es gibt irgendein kostenloses Tool für solche Art der Visualisierungen..
Ich habe gehofft, es gibt irgendein kostenloses Tool für solche Art der Visualisierungen..
Du kennst das EFB ?
Vielleicht treibt sich da jemand rum, der bei einer entsprechenden Nachfrage ein Tool kennt
Du kennst das EFB ?
Coole Seite, danke...
Hab auch schon was gefunden, was wohl genau das macht, was ich suche (und wahrscheinlich noch viel mehr):
Vielleicht reicht es auch schon, den chrome://-Pfad in die Adressleiste einzugeben, dann wird die Grafik angezeigt, Rechtsklick, dann auf Untersuchen.
chrome://mozapps/skin/extensions/category-extensions.svg
