JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 3256
  • Score
    100M100P100Q130862F
  • License MIT

Soothing pastel themes for the high-spirited!

Package Exports

  • @catppuccin/palette
  • @catppuccin/palette/css/catppuccin.css
  • @catppuccin/palette/less/_frappe.less
  • @catppuccin/palette/less/_latte.less
  • @catppuccin/palette/less/_macchiato.less
  • @catppuccin/palette/less/_mocha.less
  • @catppuccin/palette/less/catppuccin-mixins.less
  • @catppuccin/palette/less/catppuccin.less
  • @catppuccin/palette/scss/_catppuccin.scss
  • @catppuccin/palette/scss/_frappe.scss
  • @catppuccin/palette/scss/_latte.scss
  • @catppuccin/palette/scss/_macchiato.scss
  • @catppuccin/palette/scss/_mocha.scss

Readme

Logo
Catppuccin Palettes

Usage

Node

Get the NPM package:

npm install @catppuccin/palette
import { flavors, flavorEntries } from "@catppuccin/palette";
import chalk from "chalk";

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

Deno

The library gets published to deno.land/x/catppuccin.

import { flavors, flavorEntries } from "https://deno.land/x/catppuccin/mod.ts";
import { bgRgb24 } from "https://deno.land/std/fmt/colors.ts";

// 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/

 

Copyright © 2021-present Catppuccin Org