The library is available on npm:
npm install @catppuccin/palette
import { flavors, flavorEntries, version } from "@catppuccin/palette"; import chalk from "chalk"; // a string containing the version of the library console.log(version); // an object containing all catppuccin flavors console.log(flavors); // typed helper when iterating flavors flavorEntries.map(([_, flavor]) => { console.log(`${flavor.name} is a ${flavor.dark ? "dark" : "light"} theme.`); console.log(`It has ${flavor.colorEntries.length} colors:`); // same for the colors flavor.colorEntries.map(([colorName, { hex, rgb, accent }]) => { console.log( chalk.bgRgb(rgb.r, rgb.b, rgb.g)(` ${hex} `), colorName, accent ); }); console.log("\n"); // same for the ansi colors flavor.ansiColorEntries.map(([colorName, ansi]) => { console.log( chalk.hex(ansi.normal.hex)(`[${ansi.normal.code}] Normal ${colorName}`) ); console.log( chalk.hex(ansi.bright.hex)(`[${ansi.bright.code}] Bright ${colorName}`) ); }); });
The library is available through JSR and deno.land/x/catppuccin
:
import { flavors, flavorEntries, version, } from "https://deno.land/x/catppuccin/mod.ts"; import { bgRgb24 } from "https://deno.land/std/fmt/colors.ts"; // a string containing the version of the library console.log(version); // an object containing all catppuccin flavors console.log(flavors); // typed helper when iterating flavors flavorEntries.map(([_, flavor]) => { console.log(`${flavor.name} is a ${flavor.dark ? "dark" : "light"} theme.`); console.log(`It has ${flavor.colorEntries.length} colors:`); // same for the colors flavor.colorEntries.map(([colorName, { hex, rgb, accent }]) => { console.log(bgRgb24(` ${hex} `, { ...rgb }), colorName, accent); }); console.log("\n"); });
Please use the respective files in the latest GitHub Release:
Programs | Directory |
---|---|
Adobe Suite, Affinity Suite, Sip | ase/ |
Aseprite, Gimp, Inkscape, Krita | gimp/ |
Procreate | procreate/ |
Apple Color List (.clr) | clr/ |
Copyright © 2021-present Catppuccin Org
Add Package
deno add jsr:@catppuccin/palette
Import symbol
import * as palette from "@catppuccin/palette";
---- OR ----
Import directly with a jsr specifier
import * as palette from "jsr:@catppuccin/palette";
Add Package
npx jsr add @catppuccin/palette
Import symbol
import * as palette from "@catppuccin/palette";
Add Package
yarn dlx jsr add @catppuccin/palette
Import symbol
import * as palette from "@catppuccin/palette";
Add Package
pnpm dlx jsr add @catppuccin/palette
Import symbol
import * as palette from "@catppuccin/palette";
Add Package
bunx jsr add @catppuccin/palette
Import symbol
import * as palette from "@catppuccin/palette";