Disabilita lo stile di sistema per gli elementi di input del modulo Firefox

Uso un tema oscuro in Lubuntu chiamato Dorian . Ne sono abbastanza contento. Tuttavia, Firefox sembra ereditare alcuni colori di sistema per i suoi elementi di input del modulo, rendendoli molto difficili da vedere.

Per esempio:

Se cambio il colore di primo piano, dovrei anche cambiare il colore di sfondo delle caselle di testo, che ora va bene, ma è chiaro su scuro.

Posso immaginare di risolverlo in diversi modi:

1. Aggiungi un foglio di stile personalizzato per Firefox per annullare le modifiche. (Uso Stylish , quindi è banale da implementare. Tuttavia, CSS con elementi del modulo sembra complicato.)
2. Modifiche a Dorian (penso che tu possa personalizzare un tema GTK per programmi particolari.)
3. Disabilita il componente aggiuntivo Firefox Ubuntu-Firefox-modifiche .
4. Trova un'impostazione in Firefox per impedire il caricamento dei colori di sistema per gli elementi di input.
5. Installa Dorian Theme per Firefox . (Sono riluttante a questo, dal momento che Dorian non è attivamente aggiornato e Firefox lo è costantemente.)

Naturalmente, accolgo con favore anche altre soluzioni a cui non ho pensato.

Nella mia esperienza, le soluzioni basate su CSS sono difficili da ottenere nel modo giusto. Quello nella risposta di Michael ha funzionato su alcuni siti ma non su tutti.

In Firefox 60, c'è una soluzione più semplice. Vai a about:confige imposta il seguente valore di stringa: widget.content.gtk-theme-override=Adwaita:light

(Devi fare clic con il pulsante destro del mouse e selezionare Nuovo -> Stringa. La ricerca di gtk-theme-overridenon troverà nulla perché l'impostazione non è presente per impostazione predefinita.)

Ringraziamo Martin Stránský: https://bugzilla.mozilla.org/show_bug.cgi?id=1283086#c7

Puoi provare l' estensione Contrasto testo per temi scuri .

Inoltre, questa vecchia soluzione CSS sembra funzionare ancora, anche se è probabilmente quello che stai usando ora.

Uso anche un tema scuro (Adapta Nokto) e ho anche incontrato diversi siti Web che cambiano il colore del testo negli input, ma presumo che il colore di sfondo sarà bianco (portando a un testo completamente illeggibile).

Ho esplorato l'opzione CSS e ho trovato questa spiegazione sull'impostazione degli stili utente predefiniti senza la necessità di estensioni del browser. Sommario:

1. Il tuo profilo Firefox avrà bisogno di un userContent.cssfile nel posto giusto. Puoi crearlo in questo modo:

   • Cambia directory nel tuo profilo Firefox:
     cd ~/.mozilla/firefox/<your profile>/
   • Crea una directory "chrome" se non esiste
     mkdir chrome
   • Crea un file CSS in questa nuova directory
     touch chrome/userContent.css

2. Modifica il userContent.cssfile appena creato per includere gli stili di base che desideri applicare a tutte le pagine.

3. Riavvia Firefox per vedere le modifiche.

Per cominciare, ho aggiunto questo al mio file CSS:

input, textarea {
  background-color: #fff;
  color: #222;
}

Ciò presuppone una certa familiarità con i CSS. Se è nuovo per te, questo sta dicendo:

• Trova tutti gli elementi inpute textareanella pagina
• Rendi lo sfondo bianco ( #fffè una scorciatoia in codice esadecimale per il bianco)
• Rendi il colore del testo grigio scuro ( #222)

Ci sono molti altri elementi che potresti voler definire, come buttone select, e puoi essere più specifico con i tuoi input, come input[type=checkbox].

Questo non disabilita esattamente l'uso del tema del tuo sistema, ma almeno ti consente di sovrascriverlo e di fornire ai siti web impostazioni predefinite che sono più vicine a ciò che si aspettano.