Desde hace ya un tiempo, los dark themes se han puesto de moda. Los podemos ver en Skype, Twitter, iOS y un montón de sitios y aplicaciones.
En este taller se explicará cómo crear un dark theme usando una propiedad muy potente de CSS: las custom properties, o variables nativas.
Con una buena estructura de variables CSS y unas pocas líneas de JavaScript se puede permitir al visitante de nuestra web que elija el aspecto que más le guste (claro / oscuro), se lo puede personalizar o incluso se puede cambiar automáticamente según la hora del día.
Y lo mejor de todo, las custom properties son variables nativas CSS y no es necesario trabajar con preprocesadores para utilitzarlas.