feat: add Catppuccin theme

lib/constants.js

@@ -130,6 +130,95 @@ export const THEMES = [
       tag: '#ac4142',
     },
   },
+  {
+    id: 'catppuccin-latte',
+    name: 'Catppuccin Latte',
+    link: 'Catppuccin',
+    light: true,
+    highlights: {
+      background: '#eff1f5',
+      text: '#4c4f69',
+      variable: '#d20f39',
+      variable2: '#e64553',
+      variable3: '#1e66f5',
+      attribute: '#df8e1d',
+      definition: '#df8e1d',
+      keyword: '#8839ef',
+      operator: '#179299',
+      property: '#1e66f5',
+      number: '#fe640b',
+      string: '#40a02b',
+      comment: '#acb0be',
+      meta: '#df8e1d',
+      tag: '#1e66f5'
+    },
+  },
+  {
+    id: 'catppuccin-frappe',
+    name: 'Catppuccin Frappe',
+    link: 'Catppuccin',
+    highlights: {
+      background: '#303446',
+      text: '#c6d0f5',
+      variable: '#e78284',
+      variable2: '#ea999c',
+      variable3: '#8caaee',
+      attribute: '#e5c890',
+      definition: '#e5c890',
+      keyword: '#ca9ee6',
+      operator: '#81c8be',
+      property: '#8caaee',
+      number: '#ef9f76',
+      string: '#a6d189',
+      comment: '#626880',
+      meta: '#e5c890',
+      tag: '#8caaee'
+    },
+  },
+  {
+    id: 'catppuccin-macchiato',
+    name: 'Catppuccin Macchiato',
+    link: 'Catppuccin',
+    highlights: {
+      background: '#24273a',
+      text: '#cad3f5',
+      variable: '#ed8796',
+      variable2: '#ee99a0',
+      variable3: '#8aadf4',
+      attribute: '#eed49f',
+      definition: '#eed49f',
+      keyword: '#c6a0f6',
+      operator: '#8bd5ca',
+      property: '#8aadf4',
+      number: '#f5a97f',
+      string: '#a6da95',
+      comment: '#5b6078',
+      meta: '#eed49f',
+      tag: '#8aadf4'
+    },
+  },
+  {
+    id: 'catppuccin-mocha',
+    name: 'Catppuccin Mocha',
+    link: 'Catppuccin',
+    highlights: {
+      background: '#1e1e2e',
+      text: '#cdd6f4',
+      variable: '#f38ba8',
+      variable2: '#eba0ac',
+      variable3: '#89b4fa',
+      attribute: '#f9e2af',
+      definition: '#f9e2af',
+      keyword: '#cba6f7',
+      operator: '#94e2d5',
+      property: '#89b4fa',
+      number: '#fab387',
+      string: '#a6e3a1',
+      comment: '#585b70',
+      meta: '#f9e2af',
+      tag: '#89b4fa'
+    },
+  },
   {
     id: 'cobalt',
     name: 'Cobalt',
@@ -1196,4 +1285,4 @@ export const DEFAULT_PRESETS = [
     icon: '/static/presets/5.png',
     id: 'preset:5',
   },
-]
+]