Install
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)).
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-frost">Use palette names (var(--lc-teal)) or semantic roles (var(--lc-keyword), var(--lc-bg), var(--lc-border-active)).
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-paper">Use palette names (var(--lc-teal)) or semantic roles (var(--lc-keyword), var(--lc-bg), var(--lc-border-active)).
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-signal">Use palette names (var(--lc-teal)) or semantic roles (var(--lc-keyword), var(--lc-bg), var(--lc-border-active)).
Details
Configuration
See CSS variables's documentation for application settings and reload behavior. The activation instructions above identify each supported flavor; keep your other application configuration.
Compatibility
Preserves the npm package name @living-code/css and its existing import paths. Package publication and registry credentials are separate from creating this repository.