Force Dark Mode primjenjuje tamnu shemu boja na svaku web stranicu koja je nema — ili zamjenjuje svijetlu temu stranice. Alat inteligentno invertira pozadinske boje u tamne tonove, prilagođava boje teksta radi čitljivosti te zadržava slike, videozapise, logotipe i brendirane elemente u izvornim bojama. Jedan klik uključuje, jedan klik isključuje — bez ponovnog učitavanja stranice.
Mnoge web stranice još uvijek ne nude dark mode, prisiljavajući korisnike da zuruju u jarko bijele pozadine tijekom večernjih sesija kodiranja, kasnonoćnog istraživanja ili rada u slabo osvijetljenim okruženjima. Dark mode na razini preglednika (putem color-scheme) radi samo na stranicama koje ga eksplicitno podržavaju. Force Dark Mode radi na svakoj stranici primjenom CSS filtera i prilagođenih stilova koji invertiraju svijetle pozadine u tamne tonove uz čuvanje boja slika i čitljivosti. Inverzija je inteligentna — ne primjenjuje jednostavno filter: invert(1) (što bi negiralo slike i učinilo tekst nečitljivim). Umjesto toga, cilja pozadinske boje ciljano, prilagođava boje teksta za kontrast na novim tamnim pozadinama i koristi rotaciju tona kako bi što vjernije sačuvala brendirane boje stranice. Rezultat je ugodno tamno iskustvo čitanja koje zadržava vizualni identitet stranice.
Uključite i isključite dark mode jednim klikom. Nije potrebno ponovo učitavati stranicu — tamna tema se primjenjuje i uklanja trenutno pomoću CSS prebacivanja klasa. Prijelaz je nesmetan, bez treptaja bijele boje.
Pozadine se tamne dok se boje teksta osvjetljuju radi čitljivosti. Algoritam cilja svojstva background-color posebno, umjesto da primjenjuje paušalnu inverziju, čuvajući odnose boja i vizualnu hijerarhiju stranice.
Slike, videozapisi, SVG-ovi i canvas elementi izuzeti su od inverzije boja. Fotografije izgledaju prirodno, logotipi zadržavaju brendirane boje, a videosadržaj se reproducira normalno — mijenjaju se samo pozadina stranice i boje teksta.
Primjenjuje se na bilo koju web stranicu bez obzira na njenu CSS arhitekturu. Radi na statičkim HTML stranicama, React SPA-ovima, WordPress temama, web aplikacijama, stranicama dokumentacije i svemu između. Nije potrebna konfiguracija specifična za stranicu.
Tamne pozadine sa svijetlim tekstom smanjuju količinu svjetlosti koju emitira vaš zaslon, smanjujući napor za oči tijekom duljih sesija. Posebno korisno pri radu u tamnim okruženjima ili u večernjim satima.
Dark mode ostaje aktivan samo dok je alat uključen. Navigirajte na druge stranice i efekt prati. Isključite ga kada završite — podaci stranice se ne mijenjaju i nikakve postavke se ne pohranjuju.
Forsirajte dark mode na stranicama dokumentacije, Stack Overflow, MDN i svim referentnim stranicama tijekom večernjih sesija kodiranja. Smanjite napor za oči bez čekanja da stranice implementiraju vlastite tamne teme.
Ako preferirate dark mode svugdje, Force Dark Mode popunjava praznine — primijenite ga na preostale stranice u vašem tijeku rada koje ne nude nativnu tamnu temu.
Forsirajte dark mode na vlastitoj stranici kako biste vidjeli kako bi izgledala s invertiranim bojama. To daje grubi pregled dark modea prije ulaganja vremena u implementaciju prave tamne teme.
Prezentirate u slabo osvijetljenoj prostoriji? Forsirajte dark mode na bilo kojoj web stranici kako biste smanjili odsjaj zaslona i olakšali čitanje sadržaja na projektoru u uvjetima slabog osvjetljenja.
Tamne pozadine emitiraju manje plavog svjetla od jarko bijelih stranica, što može pomoći smanjiti utjecaj na vaš ciklus spavanja pri pregledavanju u večernjim satima.
Otvorite plutajući dock DevSuite Pro i kliknite ikonu Force Dark Mode. Stranica trenutno prelazi na tamnu shemu boja.
Nastavite normalno pregledavati web stranicu. Dark mode ostaje aktivan dok navigirate između stranica na istoj domeni.
Kliknite ikonu Force Dark Mode ponovo kako biste trenutno vratili izvorni svijetli izgled. Nije potrebno ponovo učitavati stranicu.
Instalirajte DevSuite Pro besplatno i otključajte 39+ razvojnih alata za svoj preglednik.