Merge pull request #7 from andreasgrafen/main

Catppuccin.css

@@ -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));
+
+}

README.md

@@ -22,6 +22,7 @@
 + Inkscape
 + Aseprite/LibreSprite
 + PNG
++ CSS
 
 ## Usage
 
@@ -58,3 +59,4 @@
 
 - [Gingeh](https://github.com/gingeh)
 - [TheExistingOne](https://github.com/TheExistingOne)
+- [Andreas Grafen](https://github.com/andreasgrafen)