catppuccin-tailwindcss-v4

Unofficial Catppuccin palette for TailwindCSS v4.

JSR note: Currently broken on JSR since JSR currently doesn't support CSS exports.

Usage

@import "./latte.css";
@import "./frappe.css";
@import "./macchiato.css";
@import "./mocha.css";
@import "./default-latte.css";
@import "./default-frappe.css";
@import "./default-macchiato.css";
@import "./default-mocha.css";

Namespace note: Both edition groups have the ctp prefix added to avoid a conflict with base.

Named edition

The files without "default" have the flavor name omitted and is useful if you're using multiple flavors:

latte.css

--color-ctp-latte-rosewater: #dc8a78;

Default edition

The files with "default" have the flavor name included and is useful if you're only using a single flavor:

default-latte.css

--color-ctp-rosewater: #dc8a78;