Coloriser le picto "son" dans l'onglet

[brol]

Coucou et meilleurs voeux à toutes et tous,

Je cherche à coloriser le picto "son" dans l'onglet (quand il y a du son évidemment).
Si quelqu'un sait quel code mettre pour obtenir un picto en vers quand il y a du son et en rouge quand on coupe le son de l'onglet en question ça serait super

Merci

[svobado]

hello
tu parles du haut-parleur à gauche dans le titre de l'onglet ?

[Garou]

Bonjour

Ceci est un début de code CSS (userChrome.css)

Pour mettre le favicon du Haut-parleur en vert

Code : Tout sélectionner

/* Taille et couleur icône haut-parleur (son en cours) */
tab.tabbrowser-tab .tab-icon-overlay[soundplaying="true"]{
  opacity: 1 !important;
  scale: 2;
  fill: DarkGreen !important;
}

Pour mettre le favicon du Haut-parleur en vert et la couleur de l'onglet en Jaune pastel

Code : Tout sélectionner

/* Taille et couleur icône haut-parleur (son en cours) */
tab.tabbrowser-tab .tab-icon-overlay[soundplaying="true"]{
  opacity: 1 !important;
  scale: 2;
  fill: DarkGreen !important;
}
/* Couleur de fond de l'onglet lecture (du Haut-parleur) en cour  */
tab:not([selected])[soundplaying="true"] {
  background:  LightYellow !important; 
}

Tu peux changer les couleurs https://fr.wikipedia.org/wiki/Couleur_du_Web

Si Freddy passe par ici, il vas griller quelques neurones pour un début 2025.

[brol]

Merci, c'est pas tout à fait le comportement souhaité.
J'aimerai que le picto soit vert tout le temps quand il y a du son actif et rouge quand il est coupé via le clic sur le picto son, pas uniquement au survol de l'onglet.

Merci

[Garou]

Bonjour,
J'ai modifier les codes trouver sur le net
Couleur de l'icône haut-parleur - son actif en cours en vert et son coupé en rouge
Tester et fonctionne sur Firefox Portable ESR 115.14.0

Code : Tout sélectionner

/* Taille et couleur Vert foncé icône haut-parleur (son en cours) */
tab.tabbrowser-tab .tab-icon-overlay[soundplaying="true"]{
  opacity: 1 !important;
  scale: 2;
  fill: DarkGreen !important;
}

/* Couleur de l'icône haut-parleur le son est coupé "en sourdine" en rouge? */
.tabbrowser-tab .tab-icon-overlay[muted] { 
 opacity: 1 !important;
 scale: 2;
 fill: red !important;
}

La couleur verte du fond de l'onglet est la couleur de mon thème Windows

[brol]

Merci