Mirrors/catppuccin-palette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add simple CSS palette

Browse source
This commit is contained in:
Andreas Grafen 2022-01-16 23:03:57 +01:00
parent 29fe9c6e2a
commit 36a5e8e0b3
No known key found for this signature in database
GPG key ID: 3285EA6DB8CDE2D1
1 changed files with 66 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

66
Catppuccin.css Normal file
View file

@ -0,0 +1,66 @@
/* ----- Catppuccin Colours ----- */
:root {
/* ----- rainbow ----- */
/* H S L */
--rosewater_hsl: 10, 56%, 91%;
--flamingo_hsl: 0, 59%, 88%;
--mauve_hsl: 279, 70%, 83%;
--pink_hsl: 316, 72%, 86%;
--maroon_hsl: 349, 60%, 77%;
--red_hsl: 342, 79%, 75%;
--peach_hsl: 24, 88%, 78%;
--yellow_hsl: 41, 88%, 84%;
--green_hsl: 128, 58%, 79%;
--teal_hsl: 171, 53%, 81%;
--blue_hsl: 207, 93%, 79%;
--sky_hsl: 189, 71%, 73%;
--lavender_hsl: 238, 100%, 89%;
/* ----- black & white ----- */
/* H S L */
--black0_hsl: 251, 33%, 9%;
--black1_hsl: 251, 19%, 12%;
--black2_hsl: 240, 20%, 15%;
--black3_hsl: 249, 18%, 22%;
--black4_hsl: 254, 12%, 36%;
--gray0_hsl: 247, 8%, 46%;
--gray1_hsl: 274, 11%, 59%;
--gray2_hsl: 285, 10%, 75%;
--white_hsl: 220, 38%, 89%;
/* ----- variables ----- */
--rosewater: hsl(var(--rosewater_hsl));
--flamingo: hsl(var(--flamingo_hsl));
--mauve: hsl(var(--mauve_hsl));
--pink: hsl(var(--pink_hsl));
--maroon: hsl(var(--maroon_hsl));
--red: hsl(var(--red_hsl));
--peach: hsl(var(--peach_hsl));
--yellow: hsl(var(--yellow_hsl));
--green: hsl(var(--green_hsl));
--teal: hsl(var(--teal_hsl));
--blue: hsl(var(--blue_hsl));
--sky: hsl(var(--sky_hsl));
--lavender: hsl(var(--lavender_hsl));
--black0: hsl(var(--black0_hsl));
--black1: hsl(var(--black1_hsl));
--black2: hsl(var(--black2_hsl));
--black3: hsl(var(--black3_hsl));
--black4: hsl(var(--black4_hsl));
--gray0: hsl(var(--gray0_hsl));
--gray1: hsl(var(--gray1_hsl));
--gray2: hsl(var(--gray2_hsl));
--white: hsl(var(--white_hsl));
}