Exciting release!Introducing "safe npm". Learn more →
Socket
Log inDemoInstall

@catppuccin/palette

Package Overview
Dependencies
0
Maintainers
5
Versions
8
Issues
File Explorer

Advanced tools

@catppuccin/palette

Soothing pastel themes for the high-spirited!

    0.1.7latest
    GitHub

Version published
Maintainers
5
Weekly downloads
1,067
increased by14.98%

Weekly downloads

Changelog

Source

0.1.7 (2023-03-03)

Bug Fixes

  • expose scss files in package.json 'exports' (#43) (0bc8247)

Readme

Source

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

Keywords

FAQs

Last updated on 03 Mar 2023

Did you know?

Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.

Install Socket
Socket
support@socket.devSocket SOC 2 Logo

Product

  • Package Issues
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc