Mirrors/catppuccin-palette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
🎨 Soothing pastel theme to use within your projects!
67 commits 5 branches 3 tags 124 MiB
JavaScript 37.5%
CSS 34.8%
Less 13.2%
SCSS 9%
TypeScript 4.3%
Other 1.2%
Find a file
winston e92b4a9312
feat: npm package: hybrid cjs+esm support (#14) 
* 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>
2022-06-13 06:48:36 +00:00
afpalette update Affinity palettes 2022-05-29 19:16:39 +02:00
ase feat: node package + reorganized everything 2022-05-15 19:14:56 -05:00
css feat: node package + reorganized everything 2022-05-15 19:14:56 -05:00
gpl feat: node package + reorganized everything 2022-05-15 19:14:56 -05:00
kpl feat: node package + reorganized everything 2022-05-15 19:14:56 -05:00
lib feat: node package + reorganized everything 2022-05-15 19:14:56 -05:00
png update PNG palettes 2022-05-29 19:16:59 +02:00
scss feat: node package + reorganized everything 2022-05-15 19:14:56 -05:00
.editorconfig added editorconfig file 2021-11-11 18:28:38 -05:00
.gitignore feat: npm package: hybrid cjs+esm support (#14) 2022-06-13 06:48:36 +00:00
.npmrc feat: node package + reorganized everything 2022-05-15 19:14:56 -05:00
builder.js feat: updated text on frappe, macchiato and mocha 2022-05-28 18:49:30 -05:00
esbuild.js feat: npm package: hybrid cjs+esm support (#14) 2022-06-13 06:48:36 +00:00
index.d.ts feat: declaration file for types 2022-05-21 15:34:27 -05:00
index.js fix: blue 2022-05-28 20:00:18 -05:00
LICENSE Initial commit 2021-11-06 22:51:38 -05:00
Makefile added makefile 2022-05-21 13:06:27 -05:00
package.json feat: npm package: hybrid cjs+esm support (#14) 2022-06-13 06:48:36 +00:00
README.md doc: instructions on how to import css file 2022-06-10 22:27:38 -05:00
test.js feat: node package + reorganized everything 2022-05-15 19:14:56 -05:00

README.md

Logo
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

  1. Clone this repository locally
  2. Navigate to Edit > Preferences > Folders > Palettes in GIMP
  3. Select the folder with the 'x' and press "Show file location in the file manager" (the rightmost button)
  4. Copy "Catppuccin.gpl" to this folder

Krita

  1. Clone this repository locally
  2. Navigate to Settings > Dockers > Palette in Krita
  3. Open the "Choose Palette" button in the bottom left corner of Palette docker
  4. Select "Import a new palette from file"
  5. Open Catppuccin.kpl from the dialog that appears

Inkscape

  1. Clone this repository locally
  2. Navigate to Edit > Preferences > System > User palettes in Inkscape
  3. Press the "Open" button next to the folder path
  4. Copy "Catppuccin.gpl" to this folder

Aseprite

  1. Clone this repository locally
  2. Open Palette Options
  3. Select "Load Palette" from the menu
  4. Open Catppuccin.ase from the dialog that appears

💝 Thanks to

 

Copyright © 2021-present Catppuccin Org