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
Leider funktioniert der Code nicht mehr ab Firefox 136. Was müsste ich ändern?
Mein Code ist momentan:
/*Lautsprechersymbol größer und ohne Hintergrund */
.tab-icon-overlay {
border: none !important;
background-color: transparent !important;
scale: 1.8 !important;
/* Lautsprechersymbol weiß bei Sound */
&[soundplaying] {
fill: white !important;
}
/* Lautsprechersymbol grau bei stumm */
&[muted] {
fill: grey !important;
}
}Im Ganzen nicht mehr? Teilweise nicht?
Könnte sein, dass es jetzt .tab-audio-button heisst.
Im Ganzen nicht mehr? Teilweise nicht?
Teilweise. Sieht jetzt so aus:
Durch den Tausch in .tab-audio-button funktioniert zwar die Änderung der Größe des Icons, aber die Farbänderungen bleiben unberücksichtigt. (Nachtrag: Im inaktiven Tab, wird die Farbe angepasst, nur im aktiven nicht)
Was müsste ich ändern?
Teste bitte in der userChromeShadow.css
/*Lautsprechersymbol größer und ohne Hintergrund */
.tab-audio-button {
scale: 1.8 !important;
}
.tab-audio-button {
&[soundplaying]::part(button) {
fill: white !important;
}
}
.tab-audio-button {
&[muted]::part(button) {
fill: grey !important;
}
}Teste bitte in der userChromeShadow.css
Was ist denn die userChromeShadow.css?
Also in der userChrome.css ist es wie in #55 geschrieben:
Im inaktiven Tab, wird die Farbe angepasst, nur im aktiven nicht.
Dito genetic
Teste bitte in der userChromeShadow.css
gar keine Wirkung.
unabhängig davon ist auch OHNE Code, dass wenn man Audio deaktiviert im Player (NICHT im Tab) wenn man mehrere Tabs offen hat, die Tabs ihre Größe verändern und dadurch die Tableiste "zuckt", da das Audio-Symbol im Tab dann verschwindet. Das ist ja ultra nervig seit Firefox 136. Ich möchte natürlich sehen wo grundsätzlich Sound, auch wenn ich ihn deaktiviert habe, so wie das in Firefox 135 war. EDIT: habe den letzten Satz durchgestrichen, da ich es falsch wiedergab. Bei Firefox 135 war es so, dass wenn man den Sound im Player aus machte, dann das Lautsprechersymbol durch das Favicon der Seite ersetzt wurde und dadurch nicht die Größe des Tabs verändert wurde wie jetzt in Firefox 136 (Vorraussetzung: in about:config browser.tabs.secondaryTextUnsupportedLocales um de ergänzt)
die Tabs ihre Größe verändern und dadurch die Tableiste "zuckt"
Das kann ich hier nicht bestätigen.
Was ist denn die userChromeShadow.css?
gar keine Wirkung.
Muss ich das zwingend über die Shadow.css machen oder geht es nicht auch weiterhin mit der normalen userChrome.css?
/*******Lautsprechersymbol größer und ohne Hintergrund********/
.tab-audio-button {
border: none !important;
background-color: transparent !important;
transform: scale(1.4) !important;
/******Lautsprechersymbol weiß bei Sound*****/
.tab-audio-button {
&[soundplaying]::part(button) {
fill: white !important;
}
/******Lautsprechersymbol rot bei stumm******/
.tab-audio-button {
&[muted]::part(button) {
fill: #E81123 !important;
}
}
