🍵 Soothing pastel theme for Gitea
Go to file
Hamothy a60914909c
refactor: Move base above mantle (#17)
The ordering should be consistent across all the palettes. 
While it does not matter for this repository, for people copying
and pasting values, it can be confusing if ordering matters
2022-09-02 16:48:26 +02:00
afpalette update Affinity palettes 2022-05-29 19:16:39 +02:00
clr feat: update GIMP/Krita/Inkscape to 0.2.0, add Sip and macOS Color Picker 2022-08-05 13:20:08 +02:00
css feat: node package + reorganized everything 2022-05-15 19:14:56 -05:00
gpl feat: update GIMP/Krita/Inkscape to 0.2.0, add Sip and macOS Color Picker 2022-08-05 13:20:08 +02: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 docs(sass): mention sass syntax weirdness 2022-08-14 04:08:22 +02:00
sip fix(sip): use unique UUID for each colour 2022-08-23 03:38:21 +02: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
LICENSE Initial commit 2021-11-06 22:51:38 -05:00
Makefile added makefile 2022-05-21 13:06:27 -05:00
README.md docs: update for Aseprite, sort according to TOC 2022-08-09 13:18:34 +02: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
package.json feat: npm package: hybrid cjs+esm support (#14) 2022-06-13 06:48:36 +00:00
palette.json refactor: Move base above mantle (#17) 2022-09-02 16:48:26 +02:00
test.js feat: node package + reorganized everything 2022-05-15 19:14:56 -05:00

README.md

Logo
Catppuccin Palettes

Available formats

Usage

Node Package

# npm
npm install @catppuccin/palette
# yarn
yarn add @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:

/* directly from the file */
@import "@catppuccin/palette/style"
/* or using unpkg.com */
@import url('https://unpkg.com/@catppuccin/palette@0.1.4/css/catppuccin.css');

Then use them:

body {
	color: var(--ctp-mocha-text);
	background: var(--ctp-frappe-base);
}

Sass

The usage instructions for Sass are documented here, in the scss folder.

Affinity

  1. Clone this repository locally
  2. Open a file in the afpalette folder. If you have multiple Affinity products installed, you can choose to import it as a System palette

Aseprite / LibreSprite

  1. Clone this repository locally
  2. Open Palette Options
  3. Select "Load Palette" from the menu
  4. Open a file in gpl/ in the dialog that appears

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 the files in gpl/ to this folder

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 the files in 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 a file in gpl/ in the dialog that appears

macOS Color Picker

  1. Clone this repository locally
  2. cd into the repo directory
  3. Run the following command in terminal, to copy the files into the library:
cp -r clr/* ~/Library/Colors

Sip

  1. Clone this repository locally
  2. Open the sip/ folder
  3. Open the .palette files, and Sip will import the palettes

💝 Thanks to

 

Copyright © 2021-present Catppuccin Org