der Tab-Ordner, links außen, ist bei Dir zu sehen, der ist aber auch ausgeblendet - siehe letzten CSS-Code, der Datei.
Du meinst diesen Teil vom Code?
Wenn ja, der ist für für den Button mit dem v ganz rechts:
Das Symbol ganz links wäre:
/********** Tab-Ordner in der Tableiste entfernen *********/
#firefox-view-button {
display: none !important;
}Du hast dir den wahrscheinlich ins Anpassenfenster gezogen:
Zitronella, 2002Andreas – man kann einen Teil der Regeln zusammenfassen bzw. in den Beispielen …
CSS/*Lautsprechersymbol größer und weiß bei Sound*/ .tab-icon-overlay[soundplaying] { border: none !important; background-color:transparent!important; fill: white !important; transform: scale(1.7, 1.7) !important; } /*Lautsprechersymbol größer und weiß bei Stumm*/ .tab-icon-overlay[muted] { border: none !important; background-color:transparent!important; fill: white !important; transform: scale(1.7, 1.7) !important; }
… Alles:
/*Lautsprechersymbol größer und weiß */
.tab-icon-overlay {
border: none !important;
background-color: transparent!important;
fill: white !important;
transform: scale(1.7, 1.7) !important;
}Auch ist scale(1.7) ausreichend.
man kann einen Teil der Regeln zusammenfassen
Wenn man denn beide Icons in der gleichen Farbe haben möchte.
Und wer das nicht möchte, der braucht eben beide Codes.
Alle diese Zeilen sind zu ersetzen durch: appearance: none !important;
Habe ich gemacht, danke.
Das Symbol ganz links wäre:
Danke 😊
Du hast dir den wahrscheinlich ins Anpassenfenster gezogen:
Genau, richtig.
An dieser Stelle nochmals herzlichen Dank an alle, die mir Tipps gegeben haben 👍👍👍
Wenn man denn beide Icons in der gleichen Farbe haben möchte.
Deshalb bezog ich mich explizit auf Deine Beispielregeln.
Und wer das nicht möchte, der braucht eben beide Codes.
Jein. Man kann es so machen wie Du, aber nur die sich unterscheidende Deklaration, hier fill: $Farbe, muss getrennt aufgeführt werden:
/*Lautsprechersymbol größer und ohne Hintergrund */
.tab-icon-overlay {
border: none !important;
background-color: transparent !important;
transform: scale(1.7) !important;
}
/* Lautsprechersymbol weiß bei Sound */
.tab-icon-overlay[soundplaying] {
fill: white !important;
}
/* Lautsprechersymbol grau bei stumm */
.tab-icon-overlay[muted] {
fill: grey !important;
}Danke Speravir auch für deine Tipps 
Und um noch etwas Duplizierung zu vermeiden …
/*Lautsprechersymbol größer und ohne Hintergrund */
.tab-icon-overlay {
border: none !important;
background-color: transparent !important;
transform: scale(1.7) !important;
/* Lautsprechersymbol weiß bei Sound */
&[soundplaying] {
fill: white !important;
}
/* Lautsprechersymbol grau bei stumm */
&[muted] {
fill: grey !important;
}
}Ändert Mozilla den Klassennamen, ist dann nur noch eine Änderung statt drei Änderungen notwendig.
Anstelle von transform: scale(1.7) kann man übrigens auch scale: 1.7 verwenden. Das hat den Vorteil, dass wenn mehrere transform-Eigenschaften gesetzt wären, damit nur eine einzelne transform-Eigenschaft überschrieben werden kann und man nicht alles wiederholen müsste, was unverändert bleibt. Das ist in diesem Fall nicht relevant, aber ist generell gut zu wissen. Und zumindest ist es eine kürzere Schreibweise.
Und um noch etwas Duplizierung zu vermeiden …
Danke! 
Anstelle von transform: scale(1.7) kann man übrigens auch scale: 1.7 verwenden.
Das gilt entsprechend auch für andere Teileigenschaften von transform:, z.B. rotate? 
Ja, das funktioniert für die anderen transform-Eigenschaften ebenfalls. 
Danke!
Und um noch etwas Duplizierung zu vermeiden …
[…]
Ändert Mozilla den Klassennamen, ist dann nur noch eine Änderung statt drei Änderungen notwendig.
Erster
Anstelle von transform: scale(1.7) kann man übrigens auch scale: 1.7 verwenden. [etc., auch in der späteren Antwort]
Das wiederum wusste ich auch noch nicht. Danke! Zweiter
