sakura

Sakura es un framework y tema CSS minimalista y sin clases. Su idea central es que se añade una única hoja de estilos a cualquier página web y el HTML plano existente se ve inmediatamente moderno y legible, sin agregar nombres de clase al marcado. Características principales: - Sin clases: los estilos se aplican a los elementos HTML estándar, por lo que funciona con contenido existente y con HTML generado por analizadores de Markdown. - Prototipado rápido: útil para sitios con mucho backend, blogs pequeños o páginas donde no se quiere manipular CSS. - Valores predeterminados razonables: se describe como un conjunto de valores predeterminados sensatos más que como un gran sistema de diseño. - Tematización: los colores se controlan mediante variables en un esquema duotono (un color blossom y un color fade, además de colores de fondo, fondo alternativo y texto). Varios temas listos para usar se incluyen en la carpeta css, y se pueden crear temas personalizados sobrescribiendo las variables SCSS e importando el archivo principal. - Modo oscuro: se puede cargar una hoja de estilos oscura separada con un atributo media usando prefers-color-scheme. - Bookmarklet: hay un bookmarklet disponible para aplicar Sakura a sitios existentes que no tienen CSS. Opciones de instalación documentadas en el README: - CDN: enlazar la hoja de estilos desde jsDelivr en la etiqueta head. - Manual: descargar sakura.css y enlazarla localmente. - Gestores de paquetes: npm install sakura.css o yarn add sakura.css. - Opcional pero recomendado: incluir normalize.css antes de Sakura. El README enlaza a una demostración en vivo que compara una página con y sin Sakura, un blog que lo usa y una larga lista de sitios que informan usarlo. También menciona a los contribuyentes del bookmarklet, la imagen y las vistas previas de Vite, e invita a los usuarios a informar su uso o abrir un pull request.