doc: added info on how to use css and npm packages
This commit is contained in:
parent
d81ae318f4
commit
c47d31374c
1 changed files with 30 additions and 1 deletions
31
README.md
31
README.md
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue