Firefox 57 muestra cuadros de entrada oscuros / menús desplegables con texto oscuro sobre temas oscuros de Gnome

Pregunta original (solo sobre cuadros de entrada):

Utilizo el tema Arc-Dark en Ubuntu Gnome, y sé que este problema también existía en versiones anteriores de Firefox, pero podría solucionarse con este script con estilo (que no era una gran solución en sí mismo, ya que arruinó el botón Descargas).

Ahora el script ya no funciona, y estaba pensando en informarlo a Mozilla, pero en realidad no tienen un repositorio de GitHub para Firefox, solo para componentes separados, por lo que realmente no sé dónde debería abrir el problema.

¿Hay alguna solución temporal para esto? ¿Y alguien que sepa cómo hacerlo correctamente informará el problema a Mozilla o al proyecto Gnome (no sé qué sería más apropiado)?

Editar:

Si bien en las respuestas puede encontrar una solución temporal para los cuadros de entrada, el mismo texto oscuro sobre un problema de fondo oscuro parece suceder en los menús desplegables (aunque no todos, lo cual es extraño, puede estar relacionado con diferentes técnicas HTML / CSS para crearlos), y dado que no se discute mucho pero los dos problemas están probablemente vinculados, lo estoy agregando a esta pregunta. La forma de solucionarlo es probablemente similar a las que se proporcionan a continuación, solo con una entrada diferente userContent.css, pero sería bueno si alguien la proporcionara aquí. Voy a editar mi propia respuesta si tengo tiempo para averiguarlo yo mismo.

Edición 2:

Parece que incluso los botones son negro sobre negro en algunos sitios web. Aquí hay un ejemplo , para ver los botones, seleccione "nuevo programa" a la izquierda, pegue este programa de ejemplo allí, y esta consulta de ejemplo en el panel inferior derecho, luego presione "Ejecutar".

Encontré que la mejor solución era agregar un valor de cadena en about: config para widget.content.gtk-theme-overrideanular el tema GTK. Puede usar un tema relacionado con cuadros de texto claros (obviamente, esto solo funciona por coherencia si dicho tema relacionado existe). Por ejemplo, usando Arc-Dark establezca la anulación en Arc-Darker que tiene elementos de widget claros.

Crédito para la solución aquí: https://www.mkammerer.de/blog/gtk-dark-theme-and-firefox/

- sss

Actualización :

Creo que acabo de encontrar una solución.

Antes de Firefox versión 46.0, podía establecer un tema al iniciarlo así:

> GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc firefox

Desde la versión 46.0 requería GTK-3:

> GTK_THEME=Adwaita:light firefox

Que ya no funciona desde la versión 57.

Así que ahora, para la versión 57.0.4, probé ambos y funcionó de maravilla:

> GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc GTK_THEME=Adwaita:light firefox

Probablemente podría usar cualquier otro tema dirigido a GTK-2 y GTK-3.

Luego puede eliminar o cambiar el nombre de chrome / userContent.css

¿Hay alguna solución temporal para esto? ¿Y alguien que sepa cómo hacerlo correctamente informará el problema a Mozilla o al proyecto Gnome (no sé qué sería más apropiado)?

En mi humilde opinión, son muy conscientes de este comportamiento y después de encontrar una solución, supongo que es deseable, ya que obviamente puede elegir el tema que desea que tenga.

Respuesta original :

En realidad, es mejor omitir las palabras clave importantes .

El problema de su pregunta surge en los sitios, que no establecen valores específicos para el fondo resp. etiquetas de estilo CSS de color de fondo para que Firefox inserte valores predeterminados.

Con la palabra clave ! Important , todas las entradas y áreas de texto de casi todos los sitios tendrían este mismo color (de fondo). Pero lo que realmente quiere es anular el comportamiento predeterminado (respectivamente, el respaldo) de Firefox.

Como el texto casi nunca es blanco sino gris oscuro en los sitios web, sería suficiente establecer el fondo o el color de fondo en un valor más brillante para los temas gtk oscuros. Pero como ya lo has hecho, también puedes configurar el color del texto .

Entonces, en el archivo chrome / userContent.css , en su directorio de perfil de Firefox simplemente agregue

input, textarea { color: #222; background: #eee; }

en lugar de

INPUT, TEXTAREA {color: black !important; background: #aaaaaa !important; }

como se menciona en la respuesta a la que se vinculó.

Los colores # 222 y #eee me funcionan muy bien. Sin embargo, puede cambiarlos de acuerdo a su gusto.

Espero que ayude.

He encontrado una solución temporal, pero espero que alguien logre que Mozilla y / o Gnome sepan sobre esto y piensen en solucionarlo definitivamente.

Simplemente haga lo que dice esta respuesta , pero use whiteen la hoja de estilo CSS en lugar de #aaaaaa, por alguna razón, esta última se muestra como un extraño gris en mi navegador.

La respuesta aquí https://askubuntu.com/a/8346/625256 explica cómo deshabilitar la temática GTK solo para firefox y, por lo tanto, corregir el texto oscuro sobre un problema de fondo oscuro.

Solución rápida y sucia:

cd $HOME/.mozilla/firefox/*.default
mkdir -p chrome && cd chrome
echo 'input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
textarea,
select {
  background-color: white !important;
  color: black !important;
  -moz-appearance: none !important;
}' > userContent.css

• reiniciar firefox

Esto no soluciona los botones, ya que descubrí que los botones se ven bien en la mayoría de los sitios web, e intentar arreglar los que no se ven bien arruina los que sí lo hacen.