Skip to main content

Built and signed on GitHub Actions

🎨 Soothing pastel theme to use within your projects!

This package works with Node.js, DenoIt is unknown whether this package works with Cloudflare Workers, Bun, Browsers
It is unknown whether this package works with Cloudflare Workers
This package works with Node.js
This package works with Deno
It is unknown whether this package works with Bun
It is unknown whether this package works with Browsers
JSR Score
100%
Published
4 months ago (1.7.1)

Logo
Catppuccin Palettes

Usage

Node

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}`)
    );
  });
});

Deno

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");
});

Other available formats

Graphics editors

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

Built and signed on
GitHub Actions
View transparency log

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";