Wyłącz styl systemu dla elementów wejściowych formularza Firefox

Używam mrocznego motywu w Lubuntu o nazwie Dorian . Jestem z tego całkiem zadowolony. Jednak wydaje się, że Firefox dziedziczy pewne kolory systemowe dla elementów wejściowych formularza, co czyni je bardzo trudnymi do zobaczenia.

Na przykład:

Jeśli zmienię kolor pierwszego planu, powinienem również zmienić kolor tła pól tekstowych, co jest teraz w porządku, ale jest jasne na ciemnym.

Mogę sobie wyobrazić rozwiązanie tego na kilka sposobów:

1. Dodaj niestandardowy arkusz stylów dla przeglądarki Firefox, aby cofnąć zmiany. (Używam stylowego , więc implementacja jest trywialna. Jednak CSS z elementami formularza wydaje się trudny.)
2. Modyfikacje Doriana (myślę, że możesz dostosować motyw GTK dla poszczególnych programów).
3. Wyłącz dodatek Firefox do modyfikacji Ubuntu-Firefox .
4. Znajdź ustawienie w przeglądarce Firefox, aby zapobiec ładowaniu kolorów systemowych dla elementów wejściowych.
5. Zainstaluj motyw Dorian dla przeglądarki Firefox . (Nie chcę tego robić, ponieważ Dorian nie jest aktywnie aktualizowany, a Firefox ciągle.)

Oczywiście z zadowoleniem przyjmuję także inne rozwiązania, o których nawet nie myślałem.

Z mojego doświadczenia wynika, że ​​rozwiązania oparte na CSS są trudne. Ten w odpowiedzi Michaela działał na niektórych stronach, ale nie na wszystkich.

W przeglądarce Firefox 60 jest łatwiejsze rozwiązanie. Przejdź do about:configi ustaw następującą wartość ciągu: widget.content.gtk-theme-override=Adwaita:light

(Musisz kliknąć prawym przyciskiem myszy i wybrać Nowy -> Ciąg. Wyszukiwanie gtk-theme-overrideniczego nie znajdzie, ponieważ ustawienia domyślnie nie ma).

Podziękowania dla Martina Stránský: https://bugzilla.mozilla.org/show_bug.cgi?id=1283086#c7

Możesz wypróbować rozszerzenie Kontrast tekstu dla Dark Themes .

Wydaje się, że to starsze rozwiązanie CSS nadal działa, chociaż prawdopodobnie tego właśnie używasz.

Używam również ciemnego motywu (Adapta Nokto) i natknąłem się również na kilka stron internetowych, które zmieniają kolor tekstu na wejściu, ale zakładam, że kolor tła będzie biały (co prowadzi do całkowicie nieczytelnego tekstu).

Zbadałem opcję CSS i znalazłem to wyjaśnienie dotyczące ustawiania domyślnych stylów użytkownika bez potrzeby żadnych rozszerzeń przeglądarki. Streszczenie:

1. Twój profil Firefox będzie potrzebował userContent.csspliku we właściwym miejscu. Możesz go utworzyć w następujący sposób:

   • Zmień katalogi na swój profil Firefox:
     cd ~/.mozilla/firefox/<your profile>/
   • Utwórz katalog „chrome”, jeśli nie istnieje
     mkdir chrome
   • Utwórz plik CSS w tym nowym katalogu
     touch chrome/userContent.css

2. Edytuj nowo utworzony userContent.cssplik, aby uwzględnić style podstawowe, które chcesz zastosować na wszystkich stronach.

3. Uruchom ponownie Firefox, aby zobaczyć zmiany.

Na początek dodałem to do mojego pliku CSS:

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

Zakłada to pewną znajomość CSS. Jeśli jest to dla ciebie nowe, oznacza to:

• Znajdź wszystkie elementy inputi textareana stronie
• Zmień tło na białe ( #fffjest skrótem szesnastkowym dla koloru białego)
• Zmień kolor tekstu na ciemnoszary ( #222)

Istnieje wiele innych elementów, które możesz chcieć stylizować, takich jak buttoni select, i możesz uzyskać bardziej szczegółowe informacje na temat swoich danych wejściowych, takich jak input[type=checkbox].

Nie wyłącza to dokładnie korzystania z motywu systemowego, ale przynajmniej pozwala go przesłonić i zapewnić stronom internetowym ustawienia domyślne, które są bliższe oczekiwaniom.