![Living Code [lc] mark](/api/image?u=https%3A%2F%2Fraw.githubusercontent.com%2Fliving-code-theme%2Fcore%2Fmain%2Fassets%2Fbrand%2Ffavicon.svg)
Calm slate. Living color.
Living Code for CSS variables. Repository-owned theme files, installation instructions and four color flavors.
pnpm add @living-code/css
Import 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