From 37c163c5e98f3bddac933ab28cc9463bfae1d84b Mon Sep 17 00:00:00 2001
From: Skylar Hill <stellarskylark@posteo.net>
Date: Tue, 19 Dec 2023 01:14:40 -0600
Subject: [PATCH] Add Catppucin Mocha and Latte themes as skins

---
 src/_skins.css | 106 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 106 insertions(+)

diff --git a/src/_skins.css b/src/_skins.css
index d445e71..70243eb 100644
--- a/src/_skins.css
+++ b/src/_skins.css
@@ -134,3 +134,109 @@
 .bg-washed-yellow { background-color: var(--washed-yellow); }
 .bg-washed-red { background-color: var(--washed-red); }
 .bg-inherit { background-color: inherit; }
+
+.mocha .crust { color: #11111b; }
+.mocha .mantle { color: #181825; }
+.mocha .base { color: #1e1e2e; }
+.mocha .surface0 { color: #313244; }
+.mocha .surface1 { color: #45475a; }
+.mocha .surface2 { color: #585b70; }
+.mocha .overlay0 { color: #6c7086; }
+.mocha .overlay1 { color: #7f849c; }
+.mocha .overlay2 { color: #9399b2; }
+.mocha .subtext0 { color: #a6adc8; }
+.mocha .subtext1 { color: #bac2de; }
+.mocha .text { color: #cdd6f4; }
+.mocha .lavender { color: #b4befe; }
+.mocha .blue { color: #89b4fa; }
+.mocha .sapphire { color: #74c7ec; }
+.mocha .sky { color: #89dceb; }
+.mocha .teal { color: #94e2d5; }
+.mocha .green { color: #a6e3a1; }
+.mocha .yellow { color: #f9e2af; }
+.mocha .peach { color: #fab387; }
+.mocha .maroon { color: #eba0ac; }
+.mocha .red { color: #f38ba8; }
+.mocha .mauve { color: #cba6f7; }
+.mocha .pink { color: #f5c2e7; }
+.mocha .flamingo { color: #f2cdcd; }
+.mocha .rosewater { color: #f5e0dc; }
+.mocha .bg-crust { background-color: #11111b; }
+.mocha .bg-mantle { background-color: #181825; }
+.mocha .bg-base { background-color: #1e1e2e; }
+.mocha .bg-surface0 { background-color: #313244; }
+.mocha .bg-surface1 { background-color: #45475a; }
+.mocha .bg-surface2 { background-color: #585b70; }
+.mocha .bg-overlay0 { background-color: #6c7086; }
+.mocha .bg-overlay1 { background-color: #7f849c; }
+.mocha .bg-overlay2 { background-color: #9399b2; }
+.mocha .bg-subtext0 { background-color: #a6adc8; }
+.mocha .bg-subtext1 { background-color: #bac2de; }
+.mocha .bg-text { background-color: #cdd6f4; }
+.mocha .bg-lavender { background-color: #b4befe; }
+.mocha .bg-blue { background-color: #89b4fa; }
+.mocha .bg-sapphire { background-color: #74c7ec; }
+.mocha .bg-sky { background-color: #89dceb; }
+.mocha .bg-teal { background-color: #94e2d5; }
+.mocha .bg-green { background-color: #a6e3a1; }
+.mocha .bg-yellow { background-color: #f9e2af; }
+.mocha .bg-peach { background-color: #fab387; }
+.mocha .bg-maroon { background-color: #eba0ac; }
+.mocha .bg-red { background-color: #f38ba8; }
+.mocha .bg-mauve { background-color: #cba6f7; }
+.mocha .bg-pink { background-color: #f5c2e7; }
+.mocha .bg-flamingo { background-color: #f2cdcd; }
+.mocha .bg-rosewater { background-color: #f5e0dc; }
+
+.latte .crust { color: #dce0e8; }
+.latte .mantle { color: #e6e9ef; }
+.latte .base { color: #eff1f5; }
+.latte .surface0 { color: #ccd0da; }
+.latte .surface1 { color: #bcc0cc; }
+.latte .surface2 { color: #acb0be; }
+.latte .overlay0 { color: #9ca0b0; }
+.latte .overlay1 { color: #8c8fa1; }
+.latte .overlay2 { color: #7c7f93; }
+.latte .subtext0 { color: #6c6f85; }
+.latte .subtext1 { color: #5c5f77; }
+.latte .text { color: #4c4f69; }
+.latte .lavender { color: #7287fd; }
+.latte .blue { color: #1e66f5; }
+.latte .sapphire { color: #209fb5; }
+.latte .sky { color: #04a5e5; }
+.latte .teal { color: #179299; }
+.latte .green { color: #40a02b; }
+.latte .yellow { color: #df8e1d; }
+.latte .peach { color: #fe640b; }
+.latte .maroon { color: #e64533; }
+.latte .red { color: #d20f39; }
+.latte .mauve { color: #8839ef; }
+.latte .pink { color: #ea76cb; }
+.latte .flamingo { color: #dd7878; }
+.latte .rosewater { color: #dc8a78; }
+.latte .bg-crust { background-color: #dce0e8; }
+.latte .bg-mantle { background-color: #e6e9ef; }
+.latte .bg-base { background-color: #eff1f5; }
+.latte .bg-surface0 { background-color: #ccd0da; }
+.latte .bg-surface1 { background-color: #bcc0cc; }
+.latte .bg-surface2 { background-color: #acb0be; }
+.latte .bg-overlay0 { background-color: #9ca0b0; }
+.latte .bg-overlay1 { background-color: #8c8fa1; }
+.latte .bg-overlay2 { background-color: #7c7f93; }
+.latte .bg-subtext0 { background-color: #6c6f85; }
+.latte .bg-subtext1 { background-color: #5c5f77; }
+.latte .bg-text { background-color: #4c4f69; }
+.latte .bg-lavender { background-color: #7287fd; }
+.latte .bg-blue { background-color: #1e66f5; }
+.latte .bg-sapphire { background-color: #209fb5; }
+.latte .bg-sky { background-color: #04a5e5; }
+.latte .bg-teal { background-color: #179299; }
+.latte .bg-green { background-color: #40a02b; }
+.latte .bg-yellow { background-color: #df8e1d; }
+.latte .bg-peach { background-color: #fe640b; }
+.latte .bg-maroon { background-color: #e64533; }
+.latte .bg-red { background-color: #d20f39; }
+.latte .bg-mauve { background-color: #8839ef; }
+.latte .bg-pink { background-color: #ea76cb; }
+.latte .bg-flamingo { background-color: #dd7878; }
+.latte .bg-rosewater { background-color: #dc8a78; }