Skip to main content
Home

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
a year 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

New Ticket: Report package

Please provide a reason for reporting this package. We will review your report and take appropriate action.

Please review the JSR usage policy before submitting a report.

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

pnpm i jsr:@catppuccin/palette
or (using pnpm 10.8 or older)
pnpm dlx jsr add @catppuccin/palette

Import symbol

import * as palette from "@catppuccin/palette";

Add Package

yarn add jsr:@catppuccin/palette
or (using Yarn 4.8 or older)
yarn dlx jsr add @catppuccin/palette

Import symbol

import * as palette from "@catppuccin/palette";

Add Package

vlt install jsr:@catppuccin/palette

Import symbol

import * as palette from "@catppuccin/palette";

Add Package

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