Firefox 57 pokazuje ciemne pola wprowadzania / menu rozwijane z ciemnym tekstem w ciemnych motywach Gnome

Oryginalne pytanie (tylko o polach wprowadzania):

Używam motywu Arc-Dark na Ubuntu Gnome i wiem, że ten problem istniał również w starszych wersjach Firefoksa, ale można go naprawić za pomocą tego stylowego skryptu (który sam w sobie nie był świetną poprawką, ponieważ zepsuł przycisk pobierania).

Teraz skrypt już nie działa i zastanawiałem się nad zgłoszeniem go Mozilli, ale tak naprawdę nie mają repozytorium GitHub dla samego Firefoksa, tylko dla osobnych komponentów, więc nie wiem, gdzie mam otworzyć kwestia.

Czy jest to tymczasowe rozwiązanie? I czy ktoś, kto wie, jak to właściwie zrobić, może zgłosić problem Mozilli lub projektowi Gnome (nie wiem, co byłoby bardziej odpowiednie)?

Edytować:

Podczas gdy w odpowiedziach można znaleźć tymczasowe obejście dla pól wprowadzania, ten sam problem z ciemnym tekstem na ciemnym tle wydaje się występować w menu rozwijanych (chociaż nie wszystkie z nich, co jest dziwne, mogą być powiązane z różnymi technikami HTML / CSS do utwórz je), a ponieważ nie jest zbyt wiele omawianych, ale te dwa problemy najprawdopodobniej są ze sobą powiązane, dodam to do tego pytania. Sposób naprawy jest prawdopodobnie podobny do przedstawionego poniżej, tylko z innym wpisem userContent.css, ale byłoby miło, gdyby ktoś go tutaj podał. Zredaguję własną odpowiedź, jeśli będę miał czas, aby ją znaleźć.

Edycja 2:

Wygląda na to, że nawet przyciski są czarno-czarne na niektórych stronach internetowych. Oto przykład , aby zobaczyć, jak przyciski wybierają „nowy program” po lewej stronie, wklej tam ten przykładowy program i przykładowe zapytanie w prawym dolnym panelu, a następnie wciśnij „Uruchom!”.

Znalazłem najlepsze rozwiązanie, aby dodać wartość ciągu w about: config, widget.content.gtk-theme-overrideaby zastąpić motyw GTK. Możesz użyć pokrewnego motywu z jasnymi polami tekstowymi (oczywiście działa to tylko dla spójności, jeśli wspomniany pokrewny motyw istnieje). Na przykład, używając Arc-Dark, ustaw przesłonięcie na Arc-Darker, który ma jasne elementy widgetu.

Kredyt za rozwiązanie tutaj: https://www.mkammerer.de/blog/gtk-dark-theme-and-firefox/

- sss

Aktualizacja :

Myślę, że właśnie znalazłem rozwiązanie.

Przed wersją Firefox 46.0 można ustawić motyw, uruchamiając go w następujący sposób:

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

Od wersji 46.0 wymagało GTK-3:

> GTK_THEME=Adwaita:light firefox

Co już nie działa od wersji 57.

Więc teraz dla wersji 57.0.4 wypróbowałem oba i działało to pięknie:

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

Prawdopodobnie możesz użyć dowolnego innego motywu skierowanego zarówno na GTK-2, jak i GTK-3.

Następnie możesz usunąć lub zmienić nazwę pliku chrome / userContent.css

Czy jest to tymczasowe rozwiązanie? I czy ktoś, kto wie, jak to właściwie zrobić, może zgłosić problem Mozilli lub projektowi Gnome (nie wiem, co byłoby bardziej odpowiednie)?

IMHO doskonale zdają sobie sprawę z tego zachowania i po znalezieniu rozwiązania zakładam, że jest to pożądane, ponieważ oczywiście możesz wybrać motyw, który chcesz mieć.

Oryginalna odpowiedź :

W rzeczywistości lepiej pozostawić ważne słowa kluczowe!

Problem z twojego pytania pojawia się na stronach, które nie ustawiają specjalnie wartości tła lub tła . tagi stylu css w kolorze tła, więc Firefox wstawia wartości domyślne.

Z kluczowym słowem kluczowym ! Wszystkie dane wejściowe i pola tekstowe prawie wszystkich witryn miałyby ten sam kolor (tło). Ale tak naprawdę chcesz zastąpić domyślne (względnie zastępcze) zachowanie Firefoksa.

Ponieważ tekst prawie nigdy nie jest biały, ale ciemnoszary na stronach internetowych, wystarczy ustawić jaśniejsze tło lub kolor tła na ciemniejsze motywy GTK. Ale ponieważ już to robisz, możesz również ustawić kolor tekstu .

Więc w pliku chrome / userContent.css , po prostu dodaj do katalogu profilu Firefoksa

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

zamiast

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

jak wspomniano w odpowiedzi, do której linkujesz.

Kolory # 222 i #eee działają dla mnie bardzo dobrze. Możesz jednak zmienić je według własnych upodobań.

Mam nadzieję, że to pomoże.

Znalazłem tymczasową poprawkę, ale mam nadzieję, że ktoś zdoła sprawić, by Mozilla i / lub Gnome dowiedziały się o tym i pomyślały o naprawieniu go na dobre.

Po prostu zrób tak, jak mówi ta odpowiedź , ale whitezamiast tego użyj arkusza stylów CSS #aaaaaa, z jakiegoś powodu ten ostatni wyświetla się w mojej przeglądarce jako dziwny szary.

Odpowiedź tutaj https://askubuntu.com/a/8346/625256 wyjaśnia, jak wyłączyć motywy GTK tylko dla Firefoxa, a tym samym naprawić ciemny tekst na problemie z ciemnym tłem.

Szybka i brudna poprawka:

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

• uruchom ponownie firefox

Nie naprawia to przycisków, ponieważ zauważyłem, że przyciski wyglądają dobrze na większości stron internetowych, a próby naprawienia tych, które nie wyglądają dobrze, psują te, które działają.