🌬️ Living Code for Tailwind CSS v4

Calm slate. Living color.
Living Code for Tailwind CSS v4. Repository-owned theme files, installation instructions and four color flavors.

Installation · Flavors · Configuration · All ports

Installation

pnpm add @living-code/css @living-code/tailwind

@import "tailwindcss";
@import "@living-code/css/living-code.css";
@import "@living-code/tailwind/living-code.css";

Then bg-lc-base text-lc-text border-lc-surface1, text-lc-keyword, etc.

Flavors

Expand a flavor for its activation instructions.

Night · Dark · full palette

Load both @living-code/css and @living-code/tailwind, then select:

<html data-theme="living-code-night">

Frost · Dark · softer chroma

Load both @living-code/css and @living-code/tailwind, then select:

<html data-theme="living-code-frost">

Paper · Light · near-white slate

Load both @living-code/css and @living-code/tailwind, then select:

<html data-theme="living-code-paper">

Signal · Dark · teal accent

Load both @living-code/css and @living-code/tailwind, then select:

<html data-theme="living-code-signal">

Configuration

See Tailwind CSS v4'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/tailwind and its existing import paths. Package publication and registry credentials are separate from creating this repository.

Contributing

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.}

License

_{© Elliot Luque}