doc: added info on how to use css and npm packages
This commit is contained in:
parent
d81ae318f4
commit
c47d31374c
31
README.md
31
README.md
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue