Tab mit Audioinhalt: Ist diese Darstellung normal oder ein nicht mehr richtig funktionierendes Script?

Zitat von Zitronella

Dank der großartigen Hilfe und den Hinweisen hier habe ich es jetzt perfekt für mich in der userChromeShadow.css.

Wenn es für dich funktioniert, ist es gut. Ich will aber darauf hinweisen, dass Du alles auch in die userChrome.css schreiben könntest, also ohne Javascript zu nutzen. Denn Mozilla stellt dafür Variablen bereit (OK, eigentlich sind es ja benutzerdefinierte Eigenschaften, engl. Custom properties). Auch überschreibst du zum Teil den sowieso vorgegebenen Standard mit demselben Wert, könntest die jeweilige Deklaration also weglassen.

Zitat von Speravir

Wenn es für dich funktioniert, ist es gut

Ja, es funktioniert für mich sehr gut

Zitat von Speravir

hinweisen, dass Du alles auch in die userChrome.css schreiben könntest

okay, aber lediglich meinen Code aus der userChromeShadow.css in die userChrome.css zu schreiben funktioniert wohl nicht. Bedeutet ich müsste wieder einiges umschreiben und damit kenne ich mich wieder zu wenig aus. Würde ich aber machen (mit Hilfe des Forums) wenn es Vorteile bringen würde. Gibt es denn Vorteile, außer dass man 2 Dateien weniger hat?

Zitat von Speravir

Auch überschreibst du zum Teil den sowieso vorgegebenen Standard mit demselben Wert

kannst du mir konkret an meinem Code sagen was ich weglassen könnte?

Zitat von Zitronella

aber lediglich meinen Code aus der userChromeShadow.css in die userChrome.css zu schreiben funktioniert wohl nicht.

Richtig.

Zitat von Zitronella

Würde ich aber machen (mit Hilfe des Forums) wenn es Vorteile bringen würde. Gibt es denn Vorteile, außer dass man 2 Dateien weniger hat?

Wenn Du sowieso Userskripte nutzt, dann wohl keinen, aber ich hab das auch geschrieben für den Fall, dass irgendjemand anderes das liest.

Zitat von Zitronella

kannst du mir konkret an meinem Code sagen was ich weglassen könnte?

Aus meiner Sicht:

/* Lautsprechersymbol … ohne Hintergrundfarbe */
.tab-audio-button {
 border: none !important;
 background-color: transparent !important;
}

/* Lautsprechersymbol in ungelesenen Tabs, … und Hintergrundfarbe */
.tab-audio-button {
 #tabbrowser-tabs:is([orient="vertical"][expanded], [orient="horizontal"]) &:not([pinned]):not([crashed]) {
   &[activemedia-blocked]::part(button) {
     background-image: url("chrome://browser/skin/tabbrowser/tab-audio-blocked-circle-12.svg");
     background-color: transparent !important;
   }
 }
}

Oder: In der ersten hier zitierten Regel ist die Vergrößerung abweichend vom Standard, in der zweiten die Einfärbung.

Zitat von Zitronella

Bedeutet ich müsste wieder einiges umschreiben […] Würde ich aber machen (mit Hilfe des Forums)

Ausgehend von Beitrag #139 müsste das so aussehen, denke ich – ein lokaler Test sieht jedenfalls gut aus:

/*///////////////   Sound/Lautsprecher Symbol in Tabs ändern   ///////////////*/

/* Verhindern, dass Audio-Tabs die Tab-Breite ändern (wenn im Player der Ton aktiviert/deaktiviert wird und viele Tabs offen sind) */
.tabbrowser-tab {
    &:is([muted], [soundplaying], [activemedia-blocked]) {
        #tabbrowser-tabs[orient="horizontal"] &:not([pinned]) {
            --tab-min-width: unset !important;
        }
    }
}
#tabbrowser-tabs:is([orient="vertical"][expanded], [orient="horizontal"]) .tabbrowser-tab:not([pinned]):not([crashed]) {
  /* Verstecke das Favicon beim Abspielen (wie bei FF 135) außer bei geblockten Medien in ungelesenen Tabs[activemedia-blocked] */
  &:is([soundplaying], [muted]/* , [activemedia-blocked] */) .tab-content .tab-icon-image {
    display: none;
  }
  /* Lautsprechersymbol: Position, Größe, ohne Hintergrundfarbe bei Hovern */
  .tab-audio-button { /* Edit: 2 Regeln zusammengefasst */
    --button-size-icon-small: 18px !important;
    --button-min-height-small: var(--button-size-icon-small) !important; /* Edit */
    --button-background-color-ghost-hover: transparent !important; /* add. */
    --button-background-color-ghost-active: var(--button-background-color-ghost-hover) !important; /* add. */
    margin: auto 4.5px auto -1px !important;
    scale: 1.3 !important;
    transform: translateY(-2px);

    /* Lautsprechersymbol Farbe bei Sound */
    &[soundplaying] { /* add. */
      --button-icon-fill: green !important;
    }
    /* Lautsprechersymbol Farbe bei Stumm  */
    &[muted] { /* add. */
      --button-icon-fill: red !important;
    }
    /* Lautsprechersymbol Farbe in ungelesenen Tabs */
    &[activemedia-blocked] { /* add. */
      --button-icon-fill: orange !important;
    }
  }
}

Ich habe nach manchen Regeln in Kommentaren ein /* add. */ oder /* Edit */ angehängt. Diese Kommentare kann man natürlich entfernen, sie beziehen sich nur auf den verlinkten Regelsatz.

Zitat von Speravir

Wenn Du sowieso Userskripte nutzt, dann wohl keinen

Dann behalte ich die userChromeShadow.css, da ich eh Userscripte nutze.

Vielen Dank Speravir für deine ganze Mühe.