sakura

Sakura is a minimal, classless CSS framework and theme. Its core idea is that you drop a single stylesheet into any webpage and existing plain HTML immediately looks modern and readable, without adding any class names to your markup. Key characteristics: - Classless: styles are applied to standard HTML elements, so it works on existing content and on HTML generated by Markdown parsers. - Quick prototyping: useful for backend-heavy sites, small blogs or pages where you do not want to fiddle with CSS. - Reasonable defaults: described as a set of sensible defaults rather than a large design system. - Theming: colors are controlled through variables in a duotone scheme (a blossom color and a fade color, plus background, alternate background and text colors). Several ready-made themes ship in the css folder, and custom themes can be built by overriding the SCSS variables and importing the main file. - Dark mode: a separate dark stylesheet can be loaded with a media attribute using prefers-color-scheme. - Bookmarklet: a bookmarklet is available to apply Sakura to existing sites that have no CSS. Installation options documented in the README: - CDN: link the stylesheet from jsDelivr in the head tag. - Manual: download sakura.css and link it locally. - Package managers: npm install sakura.css or yarn add sakura.css. - Optional but recommended: include normalize.css before Sakura. The README links to a live demo comparing a page with and without Sakura, a blog using it, and a long list of sites reported to use it. It also notes contributors for the bookmarklet, the image and Vite previews, and invites users to report their usage or open a pull request.