A Force Dark Mode sötét színsémát kényszerít ki minden olyan weboldalon, amely nem kínál ilyet – vagy felülírja az oldal világos témáját. Az eszköz intelligensen invertálja a háttérszíneket sötét árnyalatokra, beállítja a szövegszíneket a jobb olvashatóság érdekében, és eredeti színükben hagyja a képeket, videókat, logókat és márkaelemeket. Egy kattintás be, egy kattintás ki – oldalújratöltés nélkül.
Sok weboldal még mindig nem kínál sötét mód opciót, így a felhasználók esti kódolás, éjszakai kutatás vagy gyenge fényviszonyok között végzett munka közben kénytelenek a vakítóan fehér háttérre bámulni. A böngésző szintű sötét mód (a color-scheme tulajdonságon keresztül) csak azokon az oldalakon működik, amelyek kifejezetten támogatják azt. A Force Dark Mode minden weboldalon működik, mivel CSS-szűrőket és egyéni stílusfelülírásokat alkalmaz, amelyek a világos hátteret sötét árnyalatokra invertálják, miközben megőrzik a képek színeit és az olvashatóságot. Az invertálás intelligens – nem egyszerűen filter: invert(1) parancsot alkalmaz (ami a képeket is negatívba fordítaná, és olvashatatlanná tenné a szöveget). Ehelyett kifejezetten a háttérszíneket célozza meg, a kontraszt érdekében beállítja a szövegszíneket az új sötét háttérhez, és színátforgatással (hue-rotation) igyekszik a lehető legjobban megőrizni az adott oldal márkaszíneit. Az eredmény egy kényelmes, sötét olvasási élmény, amely megtartja az oldal vizuális arculatát.
Kapcsolja be és ki a sötét módot egyetlen kattintással. Nincs szükség oldalújratöltésre – a sötét téma CSS-osztály váltással azonnal alkalmazódik és tűnik el. Az átmenet zökkenőmentes, fehér villanás nélkül.
A hátterek elsötétülnek, míg a szövegszínek a jobb olvashatóság érdekében kivilágosodnak. Az algoritmus kifejezetten a background-color tulajdonságokat célozza meg egy teljes invertálás helyett, így megőrzi az oldal színviszonyait és vizuális hierarchiáját.
A képek, videók, SVG-k és canvas elemek mentesülnek a színinvertálás alól. A fotók természetesnek tűnnek, a logók megtartják márkaszíneiket, a videótartalom pedig normálisan lejátszódik – csak az oldal háttere és szövegszínei változnak.
Bármilyen weboldalon alkalmazható, függetlenül annak CSS-felépítésétől. Működik statikus HTML-oldalakon, React SPA-kon, WordPress-témákon, webalkalmazásokon, dokumentációs oldalakon és minden köztes esetben. Nincs szükség oldalspecifikus beállításra.
A sötét háttér világos szöveggel csökkenti a képernyő által kibocsátott fény mennyiségét, ezáltal mérsékli a szemterhelést hosszabb munkamenetek során. Kiváltképp hasznos sötét környezetben vagy esti órákban végzett munka esetén.
A sötét mód csak addig marad aktív, amíg az eszköz be van kapcsolva. Más oldalakra navigálva a hatás követi Önt. Kapcsolja ki, ha végzett – nem módosít semmilyen oldaladatot, és nem tárol el beállításokat.
Kényszerítsen sötét módot dokumentációs oldalakon, a Stack Overflow-n, az MDN-en és bármilyen referenciaoldalon esti kódolás közben. Csökkentse a szemterhelést anélkül, hogy meg kellene várnia, amíg az oldal saját sötét témát vezet be.
Ha mindenhol a sötét módot preferálja, a Force Dark Mode betölti a hiányzó réseket – alkalmazza azon kevés fennmaradó oldalon, amelyek munkafolyamatában nem kínálnak natív sötét témát.
Kényszerítsen sötét módot a saját oldalán, hogy lássa, hogyan nézne ki invertált színekkel. Ez egy hozzávetőleges előnézetet ad a sötét módról, mielőtt időt fektetne egy megfelelő sötét téma megvalósításába.
Gyengén megvilágított teremben tart előadást? Kényszerítsen sötét módot bármelyik weboldalon, hogy csökkentse a képernyő tükröződését, és könnyebben olvasható legyen a tartalom projektoron gyenge fényviszonyok között.
A sötét hátterek kevesebb kék fényt bocsátanak ki, mint a fehér oldalak, ami segíthet csökkenteni az alvási ciklusra gyakorolt hatást esti böngészés közben.
Nyissa meg a DevSuite Pro lebegő dokkját, és kattintson a Force Dark Mode ikonra. Az oldal azonnal átvált sötét színsémára.
Folytassa a weboldal normál böngészését. A sötét mód megmarad, miközben az azonos oldalon belül navigál.
Kattintson újra a Force Dark Mode ikonra, hogy azonnal visszaállítsa az eredeti világos megjelenést. Oldalújratöltésre nincs szükség.
Telepítse ingyen a DevSuite Pro-t, és oldjon fel 64+ fejlesztői eszközt böngészőjéhez.
