![Living Code [lc] mark](https://raw.githubusercontent.com/living-code-theme/core/main/assets/brand/favicon.svg)
Calm slate. Living color.
Living Code for CSS variables. Repository-owned theme files, installation instructions and four color flavors.
pnpm add @living-code/cssImport the stylesheet in your app:
@import "@living-code/css/living-code.css";Or load it directly in HTML:
<link rel="stylesheet" href="living-code.css" />
<html data-theme="living-code-night">Use palette names (var(--lc-teal)) or semantic roles (var(--lc-keyword), var(--lc-bg), var(--lc-border-active)).
Expand a flavor for its activation instructions.
Night · Dark · full palette
<html data-theme="living-code-night">Frost · Dark · softer chroma
<html data-theme="living-code-frost">Paper · Light · near-white slate
<html data-theme="living-code-paper">Signal · Dark · teal accent
<html data-theme="living-code-signal">See CSS variables's documentation for application settings and reload behavior. The activation instructions above identify each supported flavor; keep your other application configuration.
Preserves the npm package name @living-code/css and its existing import paths. Package publication and registry credentials are separate from creating this repository.
Found a problem? Open an issue with the app version, the flavor and a screenshot. Want Living Code somewhere else? Request a port.
Pull requests are welcome. Keep this README, port.json and images/ in sync, and use real screenshots of the app, never mockups.
🦎 One chameleon, many habitats. Part of Living Code.
© Elliot Luque