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
1 changed files with 30 additions and 1 deletions

View File

@ -17,17 +17,46 @@
## Available formats ## Available formats
+ Node Package
+ CSS
+ Gimp + Gimp
+ Krita + Krita
+ Inkscape + Inkscape
+ Aseprite/LibreSprite + Aseprite/LibreSprite
+ Affinity + Affinity
+ PNG + PNG
+ CSS
+ Sass + Sass
## Usage ## 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 ### Gimp
1. Clone this repository locally 1. Clone this repository locally