Fa molt de temps que existeix en navegadors basats en Chromium una bandera que el que fa és una cosa així com el que ofereix l'extensió Lector fosc. I què és això? Bàsicament mostrar totes les pàgines web en una manera fosca encara que no ofereixin aquesta opció. Vivaldi 6.6 ha afegit una opció que activa la bandera nativa de Chromium per obtenir el mateix resultat, però val la pena actualment la navegació fosca forçada?
És difícil respondre a alguna cosa que a mi personalment em provoca sentiments oposats. No puc –o no he de– posar captures de l'editor de WordPress, però seria el millor exemple del que em fa voler fer servir la navegació fosca forçada. No té cap element "rar" i el resultat és gairebé perfecte. Els fons mostren diferents tons de gris fosc, el text és blanc i els enllaços dun blau una mica més clar que el del tema per defecte. Fixant-me, puc posar una captura parcial, i quedaria així:
En aquesta mateixa imatge també es veuen algunes de les coses a millorar.
El problema de les imatges a la navegació fosca forçada
Més endavant explicarem o intentarem explicar com funciona aquesta opció, però aquí parlarem dels problemes, d'aquelles cosetes que no queden bé per a res. No he afegit cap fletxa a la captura, però veieu aquest ninotet que hi ha a l'esquerra del botó de Relacionat? L'original no és així; s'ha forçat la inversió de colors i mostra alguna cosa com no ho hauria de fer.
En un problema que s'hi veu de vegades i d'altres no. Una de les opcions hauria de respectar les imatges, i falla estrepitosament amb algunes. Mirant amb les eines del desenvolupador, aquest ninotet en concret és una imatge en format SVG, però es mostra a través d'un background-image de CSS. Per tant, el navegador no detecta que és una imatge, sinó més aviat text, i els textos, segons entén, han d'invertir-ne el color.
Per tant, les imatges es respectaran sempre que estiguin en un format que deixi clar que són unes imatges. Té solució de cara al futur? Crec que sí, però no és gaire senzilla. Passa per analitzar els atributs i fins i tot regles CSS i veure si hi ha algun tipus d'imatge. Però no és tan senzill com confiar només en etiquetes img. El que no entenc tant és el que passa a Mastodon. Les imatges dels perfils es veuen totes invertides, i aquí sí que estan en una etiqueta img. No tinc dubtes que això millorarà en el futur, però actualment és així.
altres problemes
Un dels canvis cosmètics que fa tot això és que els textos en colors diferents del negre es mostren en un to més clar. Això és el que fa que els enllaços de la captura anterior es vegin bé; en el color blau normal es veuria pitjor. El que al principi sembla bona idea, no sempre queda tan bé, i això és més difícil de solucionar. Una solució senzilla corre per part de l'usuari: acostumar-s'hi, i crec que és possible.
Hi ha un darrer problema, i és com sap aquesta opció si ha dactuar o no. Els dissenyadors de pàgines web fan la seva feina pensant com es veurà al final. Són moltes les pàgines que no tenen en compte les preferències de colors que triem els usuaris. Per fer-ho bé i controlar les nostres preferències cal afegir dues paletes de colors, una per quan triem el tema clar i una altra per quan triem el tema fosc. Funciona de la següent manera:
- Es dissenya una pàgina web tal i com es creu que quedarà millor.
- Després d'acabar, o en algun altre punt, ja que no hi ha una regla escrita per a això, es crea l'opció per a la paleta de colors que no hem fet servir en el disseny original. Per exemple, si jo he decidit que les lletres seran negres sobre fons blanc a la seva opció per defecte, he d'afegir mitjançant la consulta als mitjans de comunicació «@media (prefers-color-scheme: dark)» els canvis necessaris per quan un usuari escull el tema fosc.
@media (prefers-color-scheme: dark), la solució… que depèn d'altres
Aquesta consulta multimèdia pot solucionar molts problemes. El navegador veu que hi ha una opció dissenyada per a temes foscos, i pel que sembla, ja no entra en joc la navegació fosca forçada. Senzillament deixa allò que es va dissenyar.
El problema aquí és que aquesta línia de codi no es fa servir en molts casos fins i tot si el disseny ja té fons foscos i textos clars. És clar, quan el navegador entén que està en un tema clar, que en realitat no és així, i intenta canviar els colors d'un tema fosc per un altre, espatllat al cant.
Com utilitzar la navegació fosca forçada a Chromium
En navegadors basats en Chromium, aquesta opció és a chrome: // banderes (els navegadors poden canviar «chrome» per «brave», «vivaldi» i altres) buscant «dark». L'opció apareix com a «Auto Dark Mode for Web Contents», i es pot activar amb diferents opcions. La que sembla funcionar millor és Enabled with selective image inversion, cosa que invertirà tot allò que no siguin imatges. Ofereix els resultats explicats aquí, i encara que esperem que millori en el futur… ara com ara no és perfecte.
I jo aquí estic amb els meus sentiments oposats. D'una banda, m'encanta però quan va bé. De l'altra, això de més imatges és un problema. Ara mateix vaig activant i desactivant l'opció, però si arriba el moment en què aquests petits problemes desapareixen, jo ho tinc clar. Em passo al costat fosc.
Això és fàcil, li baixes una mica la brillantor al monitor i poses el navegador en mode fosc normal i es veu bé tot, deixa que tinguis els anys que tinc jo i les escasses de vista