Modo Oscuro con CSS Mínimo: Una Implementación Sorprendentemente Sencilla
2025-04-04
El sitio web Feep! ahora cuenta con un elegante modo oscuro, logrado con un CSS sorprendentemente mínimo. El autor detalla tres enfoques: aprovechar el modo oscuro integrado del navegador mediante una etiqueta ``; emplear la propiedad `color-scheme` para el control CSS; y utilizar consultas de medios `prefers-color-scheme` para estilos separados de modo claro y oscuro. Los consejos incluyen el uso de las funciones `light-dark()` y `color-mix()` para la optimización del color, y el manejo inteligente de imágenes y bloques de código con filtros CSS. El resultado: un cambio de modo oscuro elegante con solo unas pocas líneas de CSS agregadas, simplificando considerablemente el proceso de desarrollo.
Desarrollo
nativo del navegador