Firefox 57 mostra caselle di input / menu a discesa scuri con testo scuro su temi scuri di Gnome

Domanda originale (solo sulle caselle di input):

Uso il tema Arc-Dark su Ubuntu Gnome e so che questo problema esisteva anche nelle versioni precedenti di Firefox, ma poteva essere risolto con questo script Stylish (che non era una grande correzione in sé poiché rovinava il pulsante Download).

Ora lo script non funziona più e stavo pensando di segnalarlo a Mozilla, ma in realtà non hanno un repository GitHub per Firefox stesso, solo per componenti separati, quindi non so davvero dove dovrei aprire il problema.

C'è una soluzione temporanea per questo? E qualcuno che sa come farlo correttamente segnala il problema a Mozilla o al progetto Gnome (non so cosa sarebbe più appropriato)?

Modificare:

Mentre nelle risposte puoi trovare una soluzione temporanea per le caselle di input, lo stesso testo scuro su sfondo scuro sembra accadere nei menu a discesa (non tutti però, il che è strano, può essere correlato a diverse tecniche HTML / CSS per crearli), e poiché non è molto discusso ma i due problemi sono molto probabilmente collegati, lo sto aggiungendo a questa domanda. Il modo per risolverlo è probabilmente simile a quelli forniti di seguito, solo con una voce diversa in userContent.css, ma sarebbe bello se qualcuno lo fornisse qui. Modificherò la mia risposta se avrò tempo di scoprirla da solo.

Modifica 2:

Sembra che anche i pulsanti siano nero su nero in alcuni siti Web. Ecco un esempio , per vedere i pulsanti selezionare "nuovo programma" sulla sinistra, incollare questo programma di esempio lì, e questa query di esempio nel pannello in basso a destra, quindi premere "Esegui!".

Ho trovato la soluzione migliore era aggiungere un valore di stringa in about: config per widget.content.gtk-theme-overridesovrascrivere il tema GTK. Puoi usare un tema correlato con caselle di testo chiare (ovviamente questo funziona solo per coerenza se esiste un tema correlato). Ad esempio, usando Arc-Dark imposta la sostituzione su Arc-Darker che ha elementi di widget chiari.

Credito per la soluzione qui: https://www.mkammerer.de/blog/gtk-dark-theme-and-firefox/

- sss

Aggiornamento :

Penso di aver appena trovato una soluzione.

Prima di Firefox versione 46.0 è possibile impostare un tema avviandolo in questo modo:

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

Dalla versione 46.0 è richiesto GTK-3:

> GTK_THEME=Adwaita:light firefox

Che non funziona più dalla versione 57.

Quindi ora, per la versione 57.0.4, ho provato entrambi e ha funzionato magnificamente:

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

Probabilmente potresti usare qualsiasi altro tema destinato sia a GTK-2 che a GTK-3.

Quindi è possibile rimuovere o rinominare chrome / userContent.css

C'è una soluzione temporanea per questo? E qualcuno che sa come farlo correttamente segnala il problema a Mozilla o al progetto Gnome (non so cosa sarebbe più appropriato)?

IMHO sono ben consapevoli di questo comportamento e dopo aver trovato una soluzione, presumo che sia desiderato poiché ovviamente puoi scegliere un tema che desideri che abbia.

Risposta originale :

In realtà, è meglio lasciare le ! Parole chiave importanti .

Il problema si pone dalla tua domanda su siti, che non si impostano specificatamente valori per sfondo resp. tag in stile css di colore di sfondo in modo che Firefox inserisca i valori predefiniti.

Con la parola chiave ! Important , tutti gli input e le textareas di quasi tutti i siti avrebbero lo stesso colore (di sfondo). Ma quello che vuoi effettivamente è sovrascrivere il comportamento predefinito (resp. Fallback) di Firefox.

Dato che il testo non è quasi mai bianco ma grigio scuro sui siti Web, sarebbe sufficiente impostare lo sfondo o il colore di sfondo su un valore più luminoso per i temi gtk scuri. Ma dato che ci sei già, puoi anche impostare il colore del testo .

Quindi nel file chrome / userContent.css , nella directory del tuo profilo Firefox basta aggiungere

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

invece di

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

come indicato nella risposta a cui ti sei collegato.

I colori # 222 e #eee funzionano molto bene per me. Tuttavia, puoi cambiarli a tuo piacimento.

Spero possa essere d'aiuto.

Ho trovato una soluzione temporanea, ma spero che qualcuno riuscirà a far conoscere Mozilla e / o Gnome a questo e a pensare di risolverlo per sempre.

Fai come dice questa risposta , ma usa whitenel foglio di stile CSS invece che #aaaaaa, per qualche motivo, quest'ultimo viene visualizzato come uno strano grigio sul mio browser.

La risposta qui https://askubuntu.com/a/8346/625256 spiega come disabilitare il tema GTK solo per firefox e risolvere così il testo scuro su un problema di sfondo scuro.

Correzione rapida e sporca:

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

• riavvia firefox

Questo non risolve i pulsanti poiché ho scoperto che i pulsanti sembrano a posto sulla maggior parte dei siti Web e provando a correggere quelli che non sembrano buoni rovina quelli che lo fanno.