Move colors to CSS custom properties

src/palettes/frappe.css

@@ -0,0 +1,14 @@
+/* Frappe palette */
+
+:root {
+  --rosewater: #f2d5cf;
+  --peach: #ef9f76;
+  --blue: #8caaee;
+  --lavender: #babbf1;
+  --green: #a6d189;
+  --text: #c6d0f5;
+  --surface2: #626880;
+  --surface0: #414559;
+  --base: #303446;
+  --mantle: #292c3c;
+}

src/palettes/latte.css

@@ -0,0 +1,14 @@
+/* Latte palette */
+
+:root {
+  --rosewater: #dc8a78;
+  --peach: #fe640b;
+  --green: #40a02b;
+  --blue: #1e66f5;
+  --lavender: #7287fd;
+  --text: #4c4f69;
+  --surface2: #acb0be;
+  --surface0: #ccd0da;
+  --base: #eff1f5;
+  --mantle: #e6e9ef;
+}

src/palettes/macchiato.css

@@ -0,0 +1,14 @@
+/* Macchiato palette */
+
+:root {
+  --rosewater: #f4dbd6;
+  --peach: #f5a97f;
+  --green: #a6da95;
+  --blue: #8aadf4;
+  --lavender: #b7bdf8;
+  --text: #cad3f5;
+  --surface2: #5b6078;
+  --surface0: #363a4f;
+  --base: #24273a;
+  --mantle: #1e2030;
+}

src/palettes/mocha.css

@@ -0,0 +1,14 @@
+/* Mocha palette */
+
+:root {
+  --rosewater: #f5e0dc;
+  --peach: #fab387;
+  --green: #a6e3a1;
+  --blue: #89b4fa;
+  --lavender: #b4befe;
+  --text: #cdd6f4;
+  --surface2: #585b70;
+  --surface0: #313244;
+  --base: #1e1e2e;
+  --mantle: #181825;
+}