Jak odwrócić schemat kolorów stron w przeglądarce Firefox?

10

Używam do przeglądania Internetu w ciemnym pokoju i wolałbym, aby tła były ciemne, a tekst byłby jasny, a nie na odwrót, co jest znacznie bardziej powszechne. Przypuszczam, że można to osiągnąć za pomocą zastosowanego niestandardowego kodu CSS lub JS, ale nie jestem koderem internetowym i nie jestem pewien, jak to zrobić (szczególnie, aby dotyczyło wszystkich stron internetowych). Jeszcze bardziej niesamowite byłoby, gdyby istniało rozszerzenie do zainstalowania i uzyskania potrzebnego efektu.

Jakieś sugestie?

Ivan
źródło
Możesz rzucić okiem na przesunięcie ku czerwieni .
Cristian Ciupitu

Odpowiedzi:

16

W przeglądarkach opartych na WebKit można dodać następujący styl, aby uzyskać odwrócenie kolorów:

html { -webkit-filter: invert(); }

wprowadź opis zdjęcia tutaj

Niestety, obecnie czekamy na implementację w Firefox: https://developer.mozilla.org/en-US/docs/CSS/filter#Browser_compatibility

Odpowiednik w przeglądarce Firefox mógłby wyglądać następująco:

html {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/></filter></svg>#invert");
}

Wyniki nie są jednak tak dobre:

wprowadź opis zdjęcia tutaj

Premia

Oto bookmarklet dla WebKit (wymaga załadowania jQuery):

javascript:$("html").css("-webkit-filter","invert()")
Der Hochstapler
źródło
W moim przypadku granice strony internetowej nie są odwrócone. Link . Chyba muszę też odwrócić inny tag, nie tylko html. Co powinienem zrobić, aby odwrócić także granice?
Utku
2

Spróbuj tego ... Narzędzia> Opcje> Kliknij kartę Zawartość, a następnie kliknij przycisk Kolory. Teraz odznacz pole „Zezwalaj stronom bla bla ....”. Teraz wybierz kolor biały dla tekstu i kolor czarny dla tła. Mam nadzieję, że to pomoże. Zrobiłem to w wersji 24.0.

RVShenoy
źródło
1

(Edycja: Właśnie zdałem sobie sprawę, że bookmarklet nie działa w Firefoksie, ponieważ Mozilla zdecydowała się nie obsługiwać Invert. Ale na stronie jest link jQuery, który zrobi to samo.) Możesz użyć bookmarklet na tej stronie: http: / /lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/

System operacyjny? Mam aplikację na komputerze Mac, Nokturn, która odwraca kolory na całej planszy. Podobne do naciskania ctrl-Option-cmd-F8. Nie wiem, jak to zrobić w systemie Windows. Nocturne jest trochę ładniejszy, ponieważ poprawia kolory, a nie tylko odwraca je, aby oglądanie było przyjemniejsze w nocy lub przy słabym oświetleniu. Zaletą jest to, że wszystko, nie tylko strony Firefoksa, przełącza się i nie trzeba ciągle stosować go za każdym razem, gdy ładujesz nową stronę.

dr.nixon
źródło
0

Sprawdź ten dodatek, jeśli jest dla Ciebie przydatny.

Ma kilka dobrych opcji. oto zrzut ekranu >>>

wprowadź opis zdjęcia tutaj

Shah Zor
źródło
0

Utwórz bookmarklet z następującym adresem URL:

javascript:void(document.getElementsByTagName('html')[0].style.webkitFilter='invert()');
Tomek
źródło