Actualización 2019.2 del tema de danirod.es
En abril cargué una actualización menor al tema empleado en mi blog. Principalmente se trata de pequeñas optimizaciones que no tuve en cuenta al implementar el tema para 2019 a principios de año.
La principal novedad es que ahora soporto la nueva media query presente en CSS prefers-color-scheme
, lo que significa que mi página web ahora tiene tema oscuro. En Firefox y Safari, y esperemos que pronto en Chrome, si tu sistema operativo (que yo sepa, Windows 10 o macOS 10.14) está configurado con tema oscuro, la página web se verá también en letras claras sobre fondo oscuro.
Para poder hacer eso, estoy usando también variables CSS. Esto me ha exigido hacer un refactor intenso del tema, buscando todas las referencias a background-color y color. A cambio, ahora estoy usando stylelint para prevenirme de volver a introducir referencias hardcodeadas de colores en vez de usar variables CSS.
Como no quiero perder el soporte para navegadores minoritarios como Internet Explorer 11 u Opera Mini, de todos modos, estoy usando fallbacks por si el navegador web no soporta variables CSS. Aunque, en este caso, no hay manera de activar el tema oscuro. (Si tu navegador soportase tema oscuro, tu navegador también soportaría variables CSS.)