Lavender catppuccin skin

catppuccin.css

:root {
    	/* Info */
    	--SKIN-skin: "Catppuccin";
    	--SKIN-author: "Kreato";

    	/* Fonts */
    	--SKIN-titlebar-font: "Source Sans Pro";
    	--SKIN-primary-font: "Source Sans Pro";
    	--SKIN-display-font: "Source Sans Pro";
    	--SKIN-code-font: "JetBrainsMono";

}

:root {    
    	/*                 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%;
	--black0_hsl:    254,  25%,  10%;
	--black1_hsl:    249,  23%,  12%;
	--black2_hsl:    240,  21%,  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%;
}

:root {
	--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));
	--mauve-o10: hsl(var(--mauve_hsl), .1);
	--pink-o20: hsl(var(--pink_hsl), .2);
}

.theme-dark {
    /* Interactive */
    --SKIN-interactive-normal: var(--white);
    --SKIN-interactive-hover: var(--gray2);
    --SKIN-interactive-active: var(--rosewater);
    --SKIN-interactive-muted: var(--black3);

    /* Background */
    --SKIN-background-primary: var(--black2);
    --SKIN-background-secondary: var(--black1);
    --SKIN-background-tertiary: var(--black1);

    /* Accent / Blurple */
    --SKIN-accent-primary: var(--black1);
    --SKIN-accent-secondary: var(--black1);
    --SKIN-accent-tertiary: var(--black1);

    /* Green */
    --SKIN-green-primary: var(--green);
    --SKIN-green-secondary: var(--green);
    --SKIN-green-tertiary: var(--green);

    /* Yellow */
    --SKIN-yellow-primary: var(--yellow);
    --SKIN-yellow-secondary: var(--yellow);
    --SKIN-yellow-tertiary: var(--yellow);

    /* Red */
    --SKIN-red-primary: var(--red);
    --SKIN-red-secondary: var(--red);
    --SKIN-red-tertiary: var(--red);

    /* Purple */
    --SKIN-purple-primary: var(--pink);
    --SKIN-purple-secondary: var(--pink);
    --SKIN-purple-tertiary: var(--pink);
}