feat: add catppuccin themes

.vscode/settings.json

@@ -17,6 +17,7 @@
     "busctl",
     "CAMOU",
     "camoufox",
+    "catppuccin",
     "cdylib",
     "certifi",
     "CFURL",
@@ -91,6 +92,7 @@
     "lpdw",
     "lxml",
     "lzma",
+    "macchiato",
     "Matchalk",
     "mmdb",
     "mountpoint",

src/lib/themes.ts

@@ -163,6 +163,98 @@ export const THEMES: Theme[] = [
       "--border": "#e7eaed",
     },
   },
+  {
+    id: "catppuccin-latte",
+    name: "Catppuccin Latte",
+    colors: {
+      "--background": "#eff1f5",
+      "--foreground": "#4c4f69",
+      "--card": "#ccd0da",
+      "--card-foreground": "#4c4f69",
+      "--popover": "#ccd0da",
+      "--popover-foreground": "#4c4f69",
+      "--primary": "#1e66f5",
+      "--primary-foreground": "#eff1f5",
+      "--secondary": "#04a5e5",
+      "--secondary-foreground": "#eff1f5",
+      "--muted": "#bcc0cc",
+      "--muted-foreground": "#5c5f77",
+      "--accent": "#8839ef",
+      "--accent-foreground": "#eff1f5",
+      "--destructive": "#d20f39",
+      "--destructive-foreground": "#eff1f5",
+      "--border": "#9ca0b0",
+    },
+  },
+  {
+    id: "catppuccin-frappe",
+    name: "Catppuccin Frappe",
+    colors: {
+      "--background": "#303446",
+      "--foreground": "#c6d0f5",
+      "--card": "#414559",
+      "--card-foreground": "#c6d0f5",
+      "--popover": "#414559",
+      "--popover-foreground": "#c6d0f5",
+      "--primary": "#8caaee",
+      "--primary-foreground": "#303446",
+      "--secondary": "#99d1db",
+      "--secondary-foreground": "#303446",
+      "--muted": "#51576d",
+      "--muted-foreground": "#b5bfe2",
+      "--accent": "#ca9ee6",
+      "--accent-foreground": "#303446",
+      "--destructive": "#e78284",
+      "--destructive-foreground": "#303446",
+      "--border": "#737994",
+    },
+  },
+  {
+    id: "catppuccin-macchiato",
+    name: "Catppuccin Macchiato",
+    colors: {
+      "--background": "#24273a",
+      "--foreground": "#cad3f5",
+      "--card": "#363a4f",
+      "--card-foreground": "#cad3f5",
+      "--popover": "#363a4f",
+      "--popover-foreground": "#cad3f5",
+      "--primary": "#8aadf4",
+      "--primary-foreground": "#24273a",
+      "--secondary": "#91d7e3",
+      "--secondary-foreground": "#24273a",
+      "--muted": "#494d64",
+      "--muted-foreground": "#b8c0e0",
+      "--accent": "#c6a0f6",
+      "--accent-foreground": "#24273a",
+      "--destructive": "#ed8796",
+      "--destructive-foreground": "#24273a",
+      "--border": "#6e738d",
+    },
+  },
+  {
+    id: "catppuccin-mocha",
+    name: "Catppuccin Mocha",
+    colors: {
+      "--background": "#1e1e2e",
+      "--foreground": "#cdd6f4",
+      "--card": "#313244",
+      "--card-foreground": "#cdd6f4",
+      "--popover": "#313244",
+      "--popover-foreground": "#cdd6f4",
+      "--primary": "#89b4fa",
+      "--primary-foreground": "#1e1e2e",
+      "--secondary": "#89dceb",
+      "--secondary-foreground": "#1e1e2e",
+      "--muted": "#45475a",
+      "--muted-foreground": "#bac2de",
+      "--accent": "#cba6f7",
+      "--accent-foreground": "#1e1e2e",
+      "--destructive": "#f38ba8",
+      "--destructive-foreground": "#1e1e2e",
+      "--border": "#585b70",
+    },
+  },
 ];
 
 export const THEME_VARIABLES: Array<{ key: keyof ThemeColors; label: string }> =