feat(latte): updated rosewater, blue, pink and yellow
This commit is contained in:
parent
d793f4d7eb
commit
ba9943cb34
3 changed files with 16 additions and 18 deletions
|
@ -40,8 +40,8 @@ Example: `test.js`
|
||||||
```js
|
```js
|
||||||
import {variants, labels} from '@catppuccin/palette'
|
import {variants, labels} from '@catppuccin/palette'
|
||||||
|
|
||||||
console.log(variants.latte.lavender) // #7287FD
|
console.log(variants.latte.lavender.hex) // #7287FD
|
||||||
console.log(labels.base.macchiato) // #24273A
|
console.log(labels.base.macchiato.hex) // #24273A
|
||||||
```
|
```
|
||||||
|
|
||||||
### CSS
|
### CSS
|
||||||
|
@ -49,7 +49,7 @@ console.log(labels.base.macchiato) // #24273A
|
||||||
Example: `test.css`
|
Example: `test.css`
|
||||||
|
|
||||||
```css
|
```css
|
||||||
@import url('https://unpkg.com/@catppuccin/palette@0.1.0/css/catppuccin.css');
|
@import url('https://unpkg.com/@catppuccin/palette@0.1.1/css/catppuccin.css');
|
||||||
|
|
||||||
body {
|
body {
|
||||||
color: var(--ctp-mocha-text);
|
color: var(--ctp-mocha-text);
|
||||||
|
|
26
index.js
26
index.js
|
@ -1,10 +1,8 @@
|
||||||
// catppuccin palettes
|
|
||||||
|
|
||||||
const latte = {
|
const latte = {
|
||||||
rosewater: {
|
rosewater: {
|
||||||
hex: '#de9584',
|
hex: '#dc8a78',
|
||||||
rgb: 'rgb(222, 149, 132)',
|
rgb: 'rgb(220, 138, 120)',
|
||||||
hsl: 'hsl(11, 58%, 69%)',
|
hsl: 'hsl(11, 59%, 67%)',
|
||||||
},
|
},
|
||||||
|
|
||||||
flamingo: {
|
flamingo: {
|
||||||
|
@ -14,9 +12,9 @@ const latte = {
|
||||||
},
|
},
|
||||||
|
|
||||||
pink: {
|
pink: {
|
||||||
hex: '#ec83d0',
|
hex: '#ea76cb',
|
||||||
rgb: 'rgb(236, 131, 208)',
|
rgb: 'rgb(234, 118, 203)',
|
||||||
hsl: 'hsl(316, 73%, 72%)',
|
hsl: 'hsl(316, 73%, 69%)',
|
||||||
},
|
},
|
||||||
|
|
||||||
mauve: {
|
mauve: {
|
||||||
|
@ -44,9 +42,9 @@ const latte = {
|
||||||
},
|
},
|
||||||
|
|
||||||
yellow: {
|
yellow: {
|
||||||
hex: '#e49320',
|
hex: '#df8e1d',
|
||||||
rgb: 'rgb(228, 147, 32)',
|
rgb: 'rgb(223, 142, 29)',
|
||||||
hsl: 'hsl(35, 78%, 51%)',
|
hsl: 'hsl(35, 77%, 49%)',
|
||||||
},
|
},
|
||||||
|
|
||||||
green: {
|
green: {
|
||||||
|
@ -74,9 +72,9 @@ const latte = {
|
||||||
},
|
},
|
||||||
|
|
||||||
blue: {
|
blue: {
|
||||||
hex: '#2a6ef5',
|
hex: '#1e66f5',
|
||||||
rgb: 'rgb(42, 110, 245)',
|
rgb: 'rgb(30, 102, 245)',
|
||||||
hsl: 'hsl(220, 91%, 56%)',
|
hsl: 'hsl(220, 91%, 54%)',
|
||||||
},
|
},
|
||||||
|
|
||||||
lavender: {
|
lavender: {
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "@catppuccin/palette",
|
"name": "@catppuccin/palette",
|
||||||
"version": "0.1.0",
|
"version": "0.1.1",
|
||||||
"description": "Soothing pastel themes for the high-spirited!",
|
"description": "Soothing pastel themes for the high-spirited!",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
|
|
Loading…
Reference in a new issue