feat: add Catppuccin themes (#562)

* feat: add catppuccin mocha theme

* feat(catppuccin mocha): use a slightly lighter shade of black for the background

* fix(catppuccin mocha): fixed the mainBackgroundColor being too dark

* feat: add Catppuccin Frappé

* feat: add Catppuccin Macchiato

* feat: add Catppuccin Latte

* fix(catppuccin latte): use dark mode so colors are applied properly

* fix(themes/catppuccin latte): made it a light theme and changed colors

thanks @diced for information regarding this in my pr

Author: cswimr

themes/catppuccin_frappe.theme.json

@@ -0,0 +1,32 @@
+{
+    "name": "Catppuccin Frappé",
+    "colorScheme": "dark",
+    "colors": {
+      "blue": [
+        "#FFFFFF",
+        "#b8caf4",
+        "#a2baf1",
+        "#7599ea",
+        "#5f89e7",
+        "#8c99ee",
+        "#8ca1ee",
+        "#8cb2ee",
+        "#8cbaee",
+        "#8caaee"
+      ],
+      "dark": [
+        "#c6d0f5",
+        "#949cbb",
+        "#838ba7",
+        "#737994",
+        "#626880",
+        "#51576d",
+        "#414559",
+        "#303446",
+        "#292c3c",
+        "#232634"
+      ]
+    },
+    "primaryColor": "blue",
+    "mainBackgroundColor": "var(--mantine-color-dark-9)"
+  }

themes/catppuccin_latte.theme.json

@@ -0,0 +1,33 @@
+{
+  "name": "Catppuccin Latte",
+  "colorScheme": "light",
+  "colors": {
+    "blue": [
+      "#FFFFFF",
+      "#3676f6",
+      "#0a57ee",
+      "#094ed6",
+      "#1d42f5",
+      "#1d54f5",
+      "#1d65f5",
+      "#1d77f5",
+      "#1d89f5",
+      "#1e66f5"
+    ],
+    "gray": [
+      "#ccd0da",
+      "#ccd0da",
+      "#9ca0b0",
+      "#ccd0da",
+      "#acb0be",
+      "#bcc0cc",
+      "#5c5f77",
+      "#eff1f5",
+      "#e6e9ef",
+      "#dce0e8"
+    ]
+  },
+  "white": "#eff1f5",
+  "primaryColor": "blue",
+  "mainBackgroundColor": "#e6e9ef"
+}

themes/catppuccin_macchiato.theme.json

@@ -0,0 +1,32 @@
+{
+    "name": "Catppuccin Macchiato",
+    "colorScheme": "dark",
+    "colors": {
+      "blue": [
+        "#FFFFFF",
+        "#a1bdf6",
+        "#729cf1",
+        "#5b8cef",
+        "#899bf4",
+        "#89a4f4",
+        "#89acf4",
+        "#89b5f4",
+        "#89bef4",
+        "#8aadf4"
+      ],
+      "dark": [
+        "#cad3f5",
+        "#8087a2",
+        "#8087a2",
+        "#6e738d",
+        "#5b6078",
+        "#494d64",
+        "#363a4f",
+        "#24273a",
+        "#1e2030",
+        "#181926"
+      ]
+    },
+    "primaryColor": "blue",
+    "mainBackgroundColor": "var(--mantine-color-dark-9)"
+  }

themes/catppuccin_mocha.theme.json

@@ -0,0 +1,32 @@
+{
+  "name": "Catppuccin Mocha",
+  "colorScheme": "dark",
+  "colors": {
+    "blue": [
+      "#FFFFFF",
+      "#b9d3fc",
+      "#a1c3fb",
+      "#70a4f8",
+      "#5894f7",
+      "#89a1fa",
+      "#89aafa",
+      "#89b4fa",
+      "#89bdfa",
+      "#89c6fa"
+    ],
+    "dark": [
+      "#cdd6f4",
+      "#9399b2",
+      "#7f849c",
+      "#6c7086",
+      "#585b70",
+      "#45475a",
+      "#313244",
+      "#1e1e2e",
+      "#181825",
+      "#11111b"
+    ]
+  },
+  "primaryColor": "blue",
+  "mainBackgroundColor": "var(--mantine-color-dark-9)"
+}