doc: added info on how to use css and npm packages

This commit is contained in:
Pocco81 2022-05-15 19:26:37 -05:00
parent d81ae318f4
commit c47d31374c

View file

@ -17,17 +17,46 @@
## Available formats
+ Node Package
+ CSS
+ Gimp
+ Krita
+ Inkscape
+ Aseprite/LibreSprite
+ Affinity
+ PNG
+ CSS
+ Sass
## Usage
### Node Package
```
npm install @catppuccin/palette
```
Example: `test.js`
```js
import {variants, roles} from '@catppuccin/palette'
console.log(variants.latte.lavender) // #7287FD
console.log(roles.base.macchiato) // #24273A
```
### CSS
Example: `test.css`
```
@import url('https://unpkg.com/@catppuccin/palette@0.1.0/css/catppuccin.css');
body {
color: var(--ctp-mocha-text);
background: var(--ctp-frappe-base);
}
```
### Gimp
1. Clone this repository locally