Dark mode en la web

Si bien muchas aplicaciones actuales ya poseen la opción para alternar entre light theme (tema claro) y dark theme (tema oscuro), no sucede lo mismo con las webs. En la mayoría de los casos el motivo es que agregar dicha opción implica varias horas de trabajo para los programadores, lo que se traduce en gastos para el dueño de la web. Por suerte siempre hay gente dispuesta a ayudarnos, para quién no conozca el mundo del software libre (open source), acá van a adentrarse bastante 😉

Una app para gobernarlos a todos

“Ash Nazg durbatulûk, ash Nazg gimbatul, ash Nazg thrakatulûk agh burzum-ishi krimpatul."

Se puede leer en el Anillo Único que nos trajo J. R. R. Tolkien. Traducido sería “Un Anillo para gobernarlos a todos. Un Anillo para encontrarlos, un Anillo para atraerlos a todos y atarlos en las tinieblas."

Esta vez les traigo una app (extensión) para gobernarlos a todos, bueno… para oscurecerlos a todos en realidad. Dark Reader es una extensión que nos permite pasar “mágicamente” el 99% de las web a modo oscuro.

Una extensión es una pequeña app que se integra a un navegador (Firefox, Brave, Chrome, etc.) para expandir sus funcionalidades.

Instalando Dark Reader

Les voy a mostrar como instalar la extensión en Firefox (perdón pero no uso Chrome porque es muy invasivo con la privacidad), pero los pasos son parecidos para cualquier otro navegador.

Instalación

Hacé click en el ícono de las tres líneas horizontales de la esquina superior derecha. Luego hacé click en “complementos y temas”

Paso 1

Buscar la extensión

Una vez que hagas click en “complementos y temas” se va a habrir una pestaña de complementos. Ahí mismo, en la parte superior vas a ver un campo de búsqueda; escribí “dark reader” y pulsá ENTER.

Paso 2

Buscar en la lista

Te va a aparecer una lista de extensiones relacionadas con tu búsqueda, pero probablemente “dark reader” sea la primera (si no es así buscala) hacé click en “dark reader”.

Paso 3

Agregar la extensión

Cuando entres a la extensión vas a ver la información de la misma (es una buena práctica leer la información siempre). Hacé click en “Agregar a Firefox”.

Paso 4

Alerta

Probablemente te salga un cartel en el cual te avisa qué tipo de permisos pide la extensión. Si estás de acuerdo hace click en “Agregar”.

Paso 5

Terminando

Una vez terminada la instalación vas a poder ver la extensión haciendo click en el ícono de las tres líneas horizontales de la esquina superior derecha. Luego hacé click en “complementos y temas”.

Paso 6

Habilitarla en ventana incógnita

Para ello (sin salir de “complementos y temas”) hacé click en la extensión y dirigite hacia abajo donde dice “Ejecutar en ventanas privadas” y seleccioná “permitir”.

Paso 7

Listo

Ahora vas a poder ver el ícono de la extensión en la esquina superior derecha (en Chrome creo que las agrupa a todas en un ícono con forma de ficha de rompecabezas). Al hacer click en el ícono de Dark Reader vas a poder realizar modificaciones. Por defecto va a estar activado el modo oscuro en todas las web. Pero podes activar o desactivar la extensión en cualquier momento… en general y en web especificas.

Paso 8

Compartí con el mundo

Si te pareció interesante la extensión compartí este post con tus amigos así les sirve también y de paso la gente va conociendo este blog.

  • Para más info podes acceder a la web oficial de la extensión: Dark Reader