Wymuś tryb ciemny stosuje ciemny schemat kolorów do dowolnej strony, która go nie oferuje — lub nadpisuje jasny motyw witryny. Narzędzie inteligentnie odwraca kolory tła na ciemne tony, dostosowuje kolory tekstu dla czytelności i zachowuje obrazy, filmy, logo i elementy marki w ich oryginalnych kolorach. Jedno kliknięcie włącza, jedno wyłącza — bez potrzeby ponownego ładowania strony.
Wiele stron nadal nie oferuje opcji trybu ciemnego, zmuszając użytkowników do wpatrywania się w jasne białe tła podczas wieczornych sesji kodowania, badań późno w nocy lub pracy w słabo oświetlonych środowiskach. Tryb ciemny na poziomie przeglądarki (przez color-scheme) działa tylko na stronach, które jawnie go obsługują. Wymuś tryb ciemny działa na każdej stronie, stosując filtry CSS i niestandardowe nadpisania stylu, które odwracają jasne tła na ciemne tony, zachowując kolory obrazów i czytelność. Inwersja jest inteligentna — nie stosuje po prostu filter: invert(1) (co negowałoby obrazy i czyniło tekst nieczytelnym). Zamiast tego celuje konkretnie w kolory tła, dostosowuje kolory tekstu dla kontrastu z nowymi ciemnymi tłami i używa rotacji odcienia, aby zachować kolory marki witryny tak blisko, jak to możliwe. Rezultat to komfortowe ciemne doświadczenie czytania, które utrzymuje tożsamość wizualną witryny.
Włączaj i wyłączaj tryb ciemny jednym kliknięciem. Bez potrzeby ponownego ładowania strony — ciemny motyw jest stosowany i usuwany natychmiast za pomocą przełączania klas CSS. Przejście jest płynne bez błysku bieli.
Tła są przyciemniane, a kolory tekstu są rozjaśniane dla czytelności. Algorytm celuje konkretnie we właściwości background-color zamiast stosować ogólną inwersję, zachowując relacje kolorów witryny i hierarchię wizualną.
Obrazy, filmy, SVG i elementy canvas są wyłączone z inwersji kolorów. Zdjęcia wyglądają naturalnie, logo zachowują kolory marki, a zawartość wideo odtwarza się normalnie — zmieniają się tylko kolory tła strony i tekstu.
Stosuje się do dowolnej strony niezależnie od jej architektury CSS. Działa na statycznych stronach HTML, SPA React, motywach WordPress, aplikacjach webowych, stronach dokumentacji i wszystkim pomiędzy. Nie jest potrzebna konfiguracja specyficzna dla strony.
Ciemne tła z jasnym tekstem zmniejszają ilość światła emitowanego przez ekran, zmniejszając wysiłek oczu podczas długich sesji. Szczególnie korzystne podczas pracy w ciemnych środowiskach lub w godzinach wieczornych.
Tryb ciemny pozostaje aktywny tylko gdy narzędzie jest włączone. Nawiguj do innych stron, a efekt podąża. Wyłącz po zakończeniu — żadne dane strony nie są modyfikowane i nie są przechowywane żadne preferencje.
Wymuś tryb ciemny na stronach dokumentacji, Stack Overflow, MDN i dowolnych stronach referencyjnych podczas wieczornych sesji kodowania. Zmniejsz wysiłek oczu bez czekania, aż strony wdrożą własne ciemne motywy.
Jeśli preferujesz tryb ciemny wszędzie, Wymuś tryb ciemny wypełnia luki — zastosuj go do kilku pozostałych stron w twoim przepływie pracy, które nie oferują natywnego ciemnego motywu.
Wymuś tryb ciemny na własnej stronie, aby zobaczyć, jak wyglądałaby z odwróconymi kolorami. Daje to szorstki podgląd trybu ciemnego przed zainwestowaniem czasu we wdrożenie właściwego ciemnego motywu.
Prezentujesz w słabo oświetlonym pomieszczeniu? Wymuś tryb ciemny na dowolnej stronie, aby zmniejszyć odblaski ekranu i ułatwić czytanie treści na projektorze w warunkach słabego światła.
Ciemne tła emitują mniej niebieskiego światła niż jasne białe strony, co może pomóc zmniejszyć wpływ na cykl snu podczas przeglądania wieczorem.
Otwórz pływający dok DevSuite Pro i kliknij ikonę Wymuś tryb ciemny. Strona natychmiast przechodzi na ciemny schemat kolorów.
Kontynuuj normalne przeglądanie witryny. Tryb ciemny utrzymuje się podczas nawigacji między stronami tej samej witryny.
Kliknij ponownie ikonę Wymuś tryb ciemny, aby natychmiast przywrócić oryginalny jasny wygląd. Bez potrzeby ponownego ładowania strony.
Zainstaluj DevSuite Pro za darmo i odblokuj ponad 39 narzędzi programistycznych dla swojej przeglądarki.
