e92b4a9312
* feat(npm): add build script for hybrid cjs+esm support * style: fix mixed indents * allow import from CSS * doc: instructions on how to import css file * refactor(npm): use esbuild.js for a single build command * chore: fix mixed indents * fix(npm): rename file extension in npm include list Co-authored-by: sakkke <w32w64@gmail.com> Co-authored-by: Pocco81 <58336662+Pocco81@users.noreply.github.com> Co-authored-by: Pocco81 <pocco451@gmail.com> |
||
---|---|---|
afpalette | ||
ase | ||
css | ||
gpl | ||
kpl | ||
lib | ||
png | ||
scss | ||
.editorconfig | ||
.gitignore | ||
.npmrc | ||
LICENSE | ||
Makefile | ||
README.md | ||
builder.js | ||
esbuild.js | ||
index.d.ts | ||
index.js | ||
package.json | ||
test.js |
README.md
Catppuccin Palettes
Available formats
- Node Package
- CSS
- Gimp
- Krita
- Inkscape
- Aseprite/LibreSprite
- Affinity
- PNG
- Sass
Usage
Node Package
npm install @catppuccin/palette
Example: test.js
import {variants, labels} from '@catppuccin/palette'
console.log(variants.latte.lavender.hex) // #7287FD
console.log(labels.base.macchiato.hex) // #24273A
CSS
Import the palettes:
@import "@catppuccin/palette/style" /* directly from the file */
@import url('https://unpkg.com/@catppuccin/palette@0.1.4/css/catppuccin.css'); /* or using unpkg.com */
Then use them:
body {
color: var(--ctp-mocha-text);
background: var(--ctp-frappe-base);
}
Gimp
- Clone this repository locally
- Navigate to Edit > Preferences > Folders > Palettes in GIMP
- Select the folder with the 'x' and press "Show file location in the file manager" (the rightmost button)
- Copy "Catppuccin.gpl" to this folder
Krita
- Clone this repository locally
- Navigate to Settings > Dockers > Palette in Krita
- Open the "Choose Palette" button in the bottom left corner of Palette docker
- Select "Import a new palette from file"
- Open Catppuccin.kpl from the dialog that appears
Inkscape
- Clone this repository locally
- Navigate to Edit > Preferences > System > User palettes in Inkscape
- Press the "Open" button next to the folder path
- Copy "Catppuccin.gpl" to this folder
Aseprite
- Clone this repository locally
- Open Palette Options
- Select "Load Palette" from the menu
- Open Catppuccin.ase from the dialog that appears
💝 Thanks to
Copyright © 2021-present Catppuccin Org