Força el mode fosc aplica un esquema de colors fosc a qualsevol lloc web que no n'ofereixi cap — o substitueix el tema clar d'un lloc. L'eina inverteix de manera intel·ligent els colors de fons a tons foscos, ajusta els colors del text per a la llegibilitat i conserva imatges, vídeos, logotips i elements de marca en els seus colors originals. Un clic per activar, un clic per desactivar — sense necessitat de recarregar la pàgina.
Molts llocs web encara no ofereixen una opció de mode fosc, obligant els usuaris a mirar fons blancs brillants durant les sessions de programació nocturnes, la recerca a altes hores de la nit o el treball en entorns amb poca llum. El mode fosc del navegador (mitjançant color-scheme) només funciona en llocs que el suporten explícitament. Força el mode fosc funciona a cada lloc web aplicant filtres CSS i substitucions d'estil personalitzades que inverteixen els fons clars a tons foscos mentre es conserven els colors de les imatges i la llegibilitat. La inversió és intel·ligent — no s'aplica simplement filter: invert(1) (cosa que negaria les imatges i faria el text il·legible). En canvi, se centra en els colors de fons de manera específica, ajusta els colors del text per al contrast amb els nous fons foscos i utilitza la rotació de matís (hue-rotate) per preservar els colors de marca del lloc tant com sigui possible. El resultat és una experiència de lectura fosca còmoda que manté la identitat visual del lloc.
Activa i desactiva el mode fosc amb un sol clic. Sense recarregar la pàgina — el tema fosc s'aplica i s'elimina a l'instant mitjançant l'alternança de classes CSS. La transició és fluida i sense cap flaix blanc.
Els fons s'enfosqueixen mentre que els colors del text s'aclareixen per a la llegibilitat. L'algoritme se centra específicament en les propietats de background-color en lloc d'aplicar una inversió general, preservant les relacions de color del lloc i la jerarquia visual.
Les imatges, els vídeos, els SVGs i els elements canvas estan exempts de la inversió de color. Les fotos es veuen naturals, els logotips conserven els colors de la marca i el contingut de vídeo es reprodueix normalment — només canvien el fons de la pàgina i els colors del text.
S'aplica a qualsevol lloc web, independentment de la seva arquitectura CSS. Funciona en llocs HTML estàtics, SPAs de React, temes de WordPress, aplicacions web, llocs de documentació i qualsevol altra cosa intermèdia. No cal cap configuració específica per a cada lloc.
Els fons foscos amb text clar redueixen la quantitat de llum emesa per la pantalla, disminuint la fatiga visual durant les sessions prolongades. Especialment beneficiós quan es treballa en entorns foscos o durant les hores de la nit.
El mode fosc es manté actiu només mentre l'eina està activada. Navega per altres pàgines i l'efecte et seguirà. Desactiva-ho quan hagis acabat: no es modifica cap dada del lloc ni s'emmagatzema cap preferència.
Força el mode fosc en llocs de documentació, Stack Overflow, MDN i qualsevol pàgina de referència durant les sessions nocturnes de programació. Redueix la fatiga visual sense esperar que els llocs implementin els seus propis temes foscos.
Si prefereixes el mode fosc a tot arreu, Força el mode fosc omple els buits — aplica'l als pocs llocs que queden al teu flux de treball que no ofereixen un tema fosc natiu.
Força el mode fosc al teu propi lloc per veure com quedaria amb colors invertits. Això et dóna una previsualització ràpida del mode fosc abans d'invertir temps en implementar un tema fosc adequat.
Fas una presentació en una sala poc il·luminada? Força el mode fosc en qualsevol lloc web per reduir la resplendor de la pantalla i fer el contingut més fàcil de llegir en un projector en condicions de poca llum.
Els fons foscos emeten menys llum blava que les pàgines blanques i brillants, cosa que pot ajudar a reduir l'impacte en el teu cicle de son quan navegues al vespre.
Obre el tauler flotant de DevSuite Pro i fes clic a la icona de Força el mode fosc. La pàgina canvia a l'instant a un esquema de colors fosc.
Continua navegant pel lloc web amb normalitat. El mode fosc persisteix mentre navegues entre les pàgines del mateix lloc.
Fes clic a la icona de Força el mode fosc de nou per restaurar l'aspecte clar original a l'instant. Sense necessitat de recarregar la pàgina.
Instal·la DevSuite Pro gratuïtament i desbloqueja més de 39 eines de desenvolupador per al teu navegador.
