Niech Firefox używa tylko motywu GTK w przeglądarce Chrome, ale ignoruj ​​go na stronach internetowych


14

Mam ciemny motyw GTK, nie chcę, aby Firefox zignorował to wszystko razem, chcę tylko, aby motyw wpływał na chrom Firefoxa (przyciski, pasek adresu, pasek zakładek itp.), Ale chcę ten motyw aby zostać zignorowanym przez strony internetowe, przeglądarka nie powinna zawierać tematów! To grzech i sprawia, że ​​wszystko wygląda jak absolutna bzdura. Jeśli ktoś ma jakiś pomysł, jak to naprawić, byłoby świetnie, dzięki!


Edycja: Na poniższym obrazku górny panel pokazuje, że tekst wprowadzony w polu wyszukiwania jest prawie niewidoczny po zastosowaniu „ciemnego motywu”; dolny panel pokazuje tekst wyraźnie widoczny, gdy nie zastosowano ciemnego motywu.

Tekst w polu wyszukiwania Google


Rozumiem, że standardowe (lekkie) motywy gtk, takie jak Ambiance lub Radiance, nie wpływają w większości na wygląd stron internetowych. Było tu kilka postów, gdy użytkownicy ciemnych motywów znajdują pola wyszukiwania w Google i wpływają na pola tekstowe. Czy możesz edytować swoje pytanie, aby uwzględnić obrazy Firefoksa z ciemnym motywem i bez niego? Pomocne może być również podanie systemu operacyjnego, a także nazwy i źródła motywu.


To zrobiło! Powinienem jednak zauważyć, że miałem 2 foldery .default (wcześniejsze instalacje / tworzenie kopii zapasowych plików konfiguracyjnych) i znalazłem łatwiejszy sposób na otwarcie folderu profilu (zrobiłem to, aby dowiedzieć się, który z nich jest aktywny). Jeśli otworzysz menu Pomoc, a następnie Informacje o rozwiązywaniu problemów, zobaczysz pozycję Katalog profili z przyciskiem Otwórz katalog, kliknięcie tego przycisku spowoduje bezpośrednie otwarcie aktywnego folderu randomstring.default.
KoRnKloWn

Powinieneś także napisać jako odpowiedź, abym mógł ci podziękować, zagłosować;)
KoRnKloWn

Odpowiedzi:


13

Mam nadzieję, że dobrze rozumiem twoją sytuację. Wydaje się, że jest to trochę związane z problemem Firefoksa z wysokim kontrastem i potrzebą modyfikacji motywu gnome 3 do przeglądarki . A moja odpowiedź poniżej jest w istocie odpowiedzią na te pytania!

Zamknij (zamknij) wszystkie wystąpienia przeglądarki Firefox. Przejdź do folderu profilu. To jest tutaj: ~/.mozilla/firefox/randomstring.default. Tam poszukaj podfolderu o nazwie chrome.
Jeśli nie istnieje, utwórz go.
Aby utworzyć chromefolder, możesz użyć menedżera plików (lub wiersza poleceń za pomocą mkdir chrome).
Jeśli chromeistnieje, poszukaj pliku o nazwie userContent.css. W przeciwnym razie utwórz pusty plik tekstowy o tej nazwie w chromefolderze. Teraz otwórz userContent.cssza pomocą edytora tekstu i wklej lub dodaj ten kod:

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

Zapisz plik (jako zwykły tekst) i zamknij edytor tekstu. Uruchom ponownie Firefox. Powinieneś teraz mieć czarny tekst na jasnoszarym tle. Możesz użyć dowolnej kombinacji kolorów.

Uwagi: chromei userContent.csssą wrażliwe na wielkość liter i powinny być wpisane poprawnie. Ustawienia tutaj będą miały pierwszeństwo przed ustawieniami w motywie systemu operacyjnego i pozostaną takie same w przeglądarce Firefox, niezależnie od tego, na który gtkmotyw się przełączysz.


2
Mam lepszy wynik bez !importantmarkera. Jeśli go opuścisz, problem zostanie rozwiązany, ale wszystkie wejścia, które powinny być przezroczyste, stały się białe.
ldavid

Byłem także w stanie korzystać z unset. INPUT, TEXTAREA {color: unset; background: unset; }
rharriso

2

Z jakiegoś powodu nie udało mi się uzyskać zaakceptowanej odpowiedzi, więc napisałem mały skrypt Greasemonkey, aby osiągnąć ten sam efekt: https://gist.github.com/einarmagnus/d741e30ad13b051d7971

// ==UserScript==
// @name        bright forms
// @namespace   einar
// @description Make all form elements default to light style to combat gtk theme
// @include     *
// @version     1
// @grant       none
// ==/UserScript==
function addDefaultCssRules(rule) {
  var styleElement = document.createElement('style');
  styleElement.type = 'text/css';
  document.head.insertBefore(styleElement, document.head.firstChild);
  styleElement.sheet.insertRule(rule, 0);
}
addDefaultCssRules('input, button, textarea, select { background-color:#fff;border-radius:5px;color:#111 }');

To zadziałało dla mnie.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.