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

43

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".

Eärendil Baggins
fuente

Respuestas:

49

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

Saboo sajón sagaz
fuente
¡No olvide reiniciar Firefox después de aplicar este cambio! Para los usuarios de Linux mint, ¡un valor de cadena de "Mint-Y" o "Mint-X" debería estar bien!
ThorSummoner
De nuevo, esto todavía no es lo que muchos usuarios desearían. Me gusta que mi Firefox use los colores predeterminados del tema del sistema, mientras que tiene cuadros de texto / menús desplegables / botones legibles.
Eärendil Baggins
@ EärendilBaggins hasta que Firefox lo arregle, no hay otra solución real que no sea una solución alternativa. Esto fue informado hace 18 años a Mozilla y todavía abierto bugzilla.mozilla.org/show_bug.cgi?id=70315
ardila
este problema parece estar resuelto ahora y debe enviar con una próxima versión de Firefox: bugzilla.mozilla.org/show_bug.cgi?id=1527048
AngryUbuntuNerd
7

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


Con respecto a sus preguntas:

¿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.

myMethod
fuente
Sinceramente, no puedo votarte lo suficiente. Estoy muy agradecido ¡Finalmente está funcionando!
Oussema
Agregando esto a su archivo .desktop para Firefox, podemos hacer esto: Exec=env GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc GTK_THEME=Adwaita:light firefoxsi actualiza sus comandos Exec en .desktop de esta manera, aún puede usar su lanzador Firefox.
Jack
2

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.

Eärendil Baggins
fuente
1

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.

lijodxl
fuente
3
El problema es que a algunos les gustaría tener la temática GTK en Firefox para que sea homogénea con su tema Gnome, pero no el extraño fondo oscuro en texto oscuro en cuadros.
Eärendil Baggins
0

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.

HomeIsWhereThePcIs
fuente