Merge branch 'redesign'

1 files changed, 89 insertions, 7 deletions

diff --git a/public/css/colorschemes/catppuccin-frappe.css b/public/css/colorschemes/catppuccin-frappe.css
index debb417..9be1833 100644
--- a/public/css/colorschemes/catppuccin-frappe.css
+++ b/public/css/colorschemes/catppuccin-frappe.css
@@ -1,11 +1,93 @@
 :root {
-    --background: #232634;
-    --background-secondary: #414559;
-    --foreground: #c6d0f5;
-    --links: #8caaee;
-    --warning: #ff7272;
-    --warning-box-bg: #f64a3c;
-    --warning-box-border: #c81a11;
+    --ctp-frappe-rosewater: #f2d5cf;
+    --ctp-frappe-rosewater-rgb: 242 213 207;
+    --ctp-frappe-rosewater-hsl: 10.286 57.377% 88.039%;
+    --ctp-frappe-flamingo: #eebebe;
+    --ctp-frappe-flamingo-rgb: 238 190 190;
+    --ctp-frappe-flamingo-hsl: 0.000 58.537% 83.922%;
+    --ctp-frappe-pink: #f4b8e4;
+    --ctp-frappe-pink-rgb: 244 184 228;
+    --ctp-frappe-pink-hsl: 316.000 73.171% 83.922%;
+    --ctp-frappe-mauve: #ca9ee6;
+    --ctp-frappe-mauve-rgb: 202 158 230;
+    --ctp-frappe-mauve-hsl: 276.667 59.016% 76.078%;
+    --ctp-frappe-red: #e78284;
+    --ctp-frappe-red-rgb: 231 130 132;
+    --ctp-frappe-red-hsl: 358.812 67.785% 70.784%;
+    --ctp-frappe-maroon: #ea999c;
+    --ctp-frappe-maroon-rgb: 234 153 156;
+    --ctp-frappe-maroon-hsl: 357.778 65.854% 75.882%;
+    --ctp-frappe-peach: #ef9f76;
+    --ctp-frappe-peach-rgb: 239 159 118;
+    --ctp-frappe-peach-hsl: 20.331 79.085% 70.000%;
+    --ctp-frappe-yellow: #e5c890;
+    --ctp-frappe-yellow-rgb: 229 200 144;
+    --ctp-frappe-yellow-hsl: 39.529 62.044% 73.137%;
+    --ctp-frappe-green: #a6d189;
+    --ctp-frappe-green-rgb: 166 209 137;
+    --ctp-frappe-green-hsl: 95.833 43.902% 67.843%;
+    --ctp-frappe-teal: #81c8be;
+    --ctp-frappe-teal-rgb: 129 200 190;
+    --ctp-frappe-teal-hsl: 171.549 39.227% 64.510%;
+    --ctp-frappe-sky: #99d1db;
+    --ctp-frappe-sky-rgb: 153 209 219;
+    --ctp-frappe-sky-hsl: 189.091 47.826% 72.941%;
+    --ctp-frappe-sapphire: #85c1dc;
+    --ctp-frappe-sapphire-rgb: 133 193 220;
+    --ctp-frappe-sapphire-hsl: 198.621 55.414% 69.216%;
+    --ctp-frappe-blue: #8caaee;
+    --ctp-frappe-blue-rgb: 140 170 238;
+    --ctp-frappe-blue-hsl: 221.633 74.242% 74.118%;
+    --ctp-frappe-lavender: #babbf1;
+    --ctp-frappe-lavender-rgb: 186 187 241;
+    --ctp-frappe-lavender-hsl: 238.909 66.265% 83.725%;
+    --ctp-frappe-text: #c6d0f5;
+    --ctp-frappe-text-rgb: 198 208 245;
+    --ctp-frappe-text-hsl: 227.234 70.149% 86.863%;
+    --ctp-frappe-subtext1: #b5bfe2;
+    --ctp-frappe-subtext1-rgb: 181 191 226;
+    --ctp-frappe-subtext1-hsl: 226.667 43.689% 79.804%;
+    --ctp-frappe-subtext0: #a5adce;
+    --ctp-frappe-subtext0-rgb: 165 173 206;
+    --ctp-frappe-subtext0-hsl: 228.293 29.496% 72.745%;
+    --ctp-frappe-overlay2: #949cbb;
+    --ctp-frappe-overlay2-rgb: 148 156 187;
+    --ctp-frappe-overlay2-hsl: 227.692 22.286% 65.686%;
+    --ctp-frappe-overlay1: #838ba7;
+    --ctp-frappe-overlay1-rgb: 131 139 167;
+    --ctp-frappe-overlay1-hsl: 226.667 16.981% 58.431%;
+    --ctp-frappe-overlay0: #737994;
+    --ctp-frappe-overlay0-rgb: 115 121 148;
+    --ctp-frappe-overlay0-hsl: 229.091 13.360% 51.569%;
+    --ctp-frappe-surface2: #626880;
+    --ctp-frappe-surface2-rgb: 98 104 128;
+    --ctp-frappe-surface2-hsl: 228.000 13.274% 44.314%;
+    --ctp-frappe-surface1: #51576d;
+    --ctp-frappe-surface1-rgb: 81 87 109;
+    --ctp-frappe-surface1-hsl: 227.143 14.737% 37.255%;
+    --ctp-frappe-surface0: #414559;
+    --ctp-frappe-surface0-rgb: 65 69 89;
+    --ctp-frappe-surface0-hsl: 230.000 15.584% 30.196%;
+    --ctp-frappe-base: #303446;
+    --ctp-frappe-base-rgb: 48 52 70;
+    --ctp-frappe-base-hsl: 229.091 18.644% 23.137%;
+    --ctp-frappe-mantle: #292c3c;
+    --ctp-frappe-mantle-rgb: 41 44 60;
+    --ctp-frappe-mantle-hsl: 230.526 18.812% 19.804%;
+    --ctp-frappe-crust: #232634;
+    --ctp-frappe-crust-rgb: 35 38 52;
+    --ctp-frappe-crust-hsl: 229.412 19.540% 17.059%;
+}
+
+:root {
+    --page-width: 900px;
+    --sidebar-width: 15rem;
+    --firefox-shadow: 0 0 20px;
+    --foreground: var(--ctp-frappe-text);
+    --background: var(--ctp-frappe-crust);
+    --background-secondary: var(--ctp-frappe-surface0);
+    --links: var(--ctp-frappe-sapphire);
+    --shadow: #cdd6f44f;
 }
 
 html {