¿Cambiar color de la fuente de texto de las pestañas de Firefox 62+?

[Eleкtro]

Bueno, pues como dice el título, ¿alguien tiene idea de como cambiar el color de la fuente de texto de las pestañas de Firefox 62+?, repito, para Firefox 62, pues he estado probando personalizaciones CSS de todo tipo que supuestamente sirven para cambiar el color de texto de las pestañas, incluso temas visuales de terceros, pero al parecer ningún código es capaz de modificar el color de texto de las pestañas activas e inactivas en esta versión específica de Firefox, así que supongo que deben haber cambiado el nombre de algún miembro de la API...

Esto por ejemplo no me funciona:

Código [Seleccionar] Expandir

/* Change color of selected tab text */
#TabsToolbar .tabbrowser-tab[selected] {
   color: red !important;
}

...lo que se cambia a color rojo no es precisamente el color del texto...

[#!drvy]

Código (css) [Seleccionar] Expandir

tab[selected="true"] .tab-label {
    color: red;
}

Puedes usar el inspecionador de elementos sobre el propio firefox para ver que clases usan los elementos.

https://developer.mozilla.org/en-US/docs/Tools/Browser_Toolbox

Saludos

[Eleкtro]

Puedes usar el inspecionador de elementos sobre el propio firefox

Eso no lo sabia, buen tip, gracias!

pero el código que has puesto no me funciona, no cambia el color. probablemente será culpa de un theme que me instalé que debe estar anulando parte del css del userchrome.css, pero sin ese theme no puedo vivir ( https://github.com/numirias/paxmod )... y el theme tiene una opción para añadir un CSS personalizado, pero tampoco funciona metiéndolo ahí... en fin, ya veré como lo arreglo, gracias de nuevo.

[#!drvy]

Acabo de instalar el Developer Edition y el "mod" este y me funciona hasta que carga la propia pagina que es donde el mod ese, cambia el color en función del color del favicon, la solución es simplemente añadirle !important al final para que no lo haga.



Saludos

[Machacador]

Una pregunta a los dos moderadores que interviene en este hilo... esto es tema para el foro libre???... a mi me parece algo de programación, software, o algo así... pero un tema libre no es...



Saludos... y disculpen esta intervención de muchacho en cosa de mayores... XD.

[Eleкtro]

Acabo de instalar el Developer Edition y el "mod" este y me funciona hasta que carga la propia pagina que es donde el mod ese, cambia el color en función del color del favicon, la solución es simplemente añadirle !important al final para que no lo haga.

Mis conocimientos de CSS son practicamente nulos pero lo de la "propiedad" !important lo conocía y siempre lo tengo presente para tratar que las modificaciones se apliquen si o si, ¿pero y si te digo que desde el primer momento en que instalé este theme o mod como se le quiera llamar, el coloreado dinámico de las pestañas en función al favicon no funcionaba a pesar de que la opción estaba activada?, directamente todas las pestañas me salian con texto en color gris, así que yo pensaba que todos los problemas que me daba este mod al no permitirme colorearlo a mi gusto es por que estaría obsoleto con respecto a mi versión de Firefox, pero me equivocaba, simplemente habia conflictos en mi userChrome.css que al parecer anulaban las modificaciones de este mod no se por qué, he vuelto a escribir todo el CSS desde cero y ahora si ya me funciona y el coloreado dinámico de pestañas también aunque eso no me interesa y ya lo desactivé.

Gracias por tu tiempo Drvy!

Al final este es el contenido de mi userChrome.css por si alguien tiene interés:

Código (css) [Seleccionar] Expandir

/* --------------------- */
/* Tabs personalization. */
/* --------------------- */

/* --- Foreground colors. */

.tabbrowser-tab[selected="true"] .tab-label {
    color: rgba(255,255,255,1.0) !important;
}

.tabbrowser-tab:not([selected="true"]) .tab-label {
    color: rgba(164,164,164,1.0) !important;
}

.tabbrowser-tab:not([selected="true"]):hover .tab-label {
    color: rgba(255,255,255,1.0) !important;
}

/* --- Background colors. */

.tab-background {
  background-color: rgba(8, 130, 8, 1.0) !important;
}

.tab-background:not([selected="true"]) {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

/* --- Line colors. */

.tab-line[selected="true"] {
    background-color: rgba(128, 255, 0, 1.0) !important;
}

/* --- Close button visibility. */

.tab-close-button:not([pinned="true"]) {
    display: -moz-box !important;
}

/* --------------------- */
/* Menu personalization. */
/* --------------------- */

menubar {
  color: rgba(164,164,164,1.0) !important;
}

Una pregunta a los dos moderadores que interviene en este hilo... esto es tema para el foro libre???... a mi me parece algo de programación, software, o algo así... pero un tema libre no es...

La pregunta que formulé es muy específica acerca de como personalizar cierto aspecto de un navegador web, no le quise dar tanta importancia al tema como para publicarlo en las secciones de programación/desarrollo web ni tampoco en dudas generales o en software la verdad, pero esto es mi consideración personal, a otro compañero quizás le parezca que esta pregunta estaría mejor ubicada en otra sección y por mi parte no habría problema en que mueva este thread.

Saludos!