Merge pull request #102 from FormalSnake/main

Add Ayu theme to theme options
Abdenasser · Nov 11, 2024 · 2efcbb5 · 2efcbb5
2 parents d9d4095 + 6194aef
commit 2efcbb5
Show file tree

Hide file tree

Showing 2 changed files with 90 additions and 2 deletions.
diff --git a/src/lib/components/ThemeSwitcher.svelte b/src/lib/components/ThemeSwitcher.svelte
@@ -14,11 +14,18 @@
   const themeGroups = [
     {
       label: "Dark",
-      themes: ["catppuccin", "dracula", "monokaiPro", "tokyoNight"],
+      themes: [
+        "catppuccin",
+        "dracula",
+        "monokaiPro",
+        "tokyoNight",
+        "ayuDark",
+        "ayuMirage",
+      ],
     },
     {
       label: "Light",
-      themes: ["githubLight", "solarizedLight", "oneLight"],
+      themes: ["githubLight", "solarizedLight", "oneLight", "ayuLight"],
     },
     {
       label: "Warm",

diff --git a/src/lib/styles/index.ts b/src/lib/styles/index.ts
@@ -567,4 +567,85 @@ export const themes: Record<string, Theme> = {
       teal: "#94e2d5",
     },
   },
+  ayuDark: {
+    name: "ayuDark",
+    label: "Ayu Dark",
+    colors: {
+      base: "#0D1017",
+      mantle: "#131721",
+      crust: "#232834",
+      text: "#BFBDB6",
+      subtext0: "#707a8c",
+      subtext1: "#8b939e",
+      surface0: "#0f1419",
+      surface1: "#131721",
+      surface2: "#212733",
+      overlay0: "#E6B450",
+      overlay1: "#434c5e",
+      blue: "#36a3d9",
+      lavender: "#d2a8ff",
+      sapphire: "#0f958a",
+      sky: "#c9d1d9",
+      red: "#D95757",
+      maroon: "#e06c75",
+      peach: "#f07178",
+      yellow: "#ffb454",
+      green: "#b8cc52",
+      teal: "#95e6cb",
+    },
+  },
+  ayuMirage: {
+    name: "ayuMirage",
+    label: "Ayu Mirage",
+    colors: {
+      base: "#242936",
+      mantle: "#1A1F29",
+      crust: "#232834",
+      text: "#CCCAC2",
+      subtext0: "#707a8c",
+      subtext1: "#8b939e",
+      surface0: "#0f1419",
+      surface1: "#131721",
+      surface2: "#212733",
+      overlay0: "#FFCC66",
+      overlay1: "#434c5e",
+      blue: "#36a3d9",
+      lavender: "#d2a8ff",
+      sapphire: "#0f958a",
+      sky: "#c9d1d9",
+      red: "#FF6666",
+      maroon: "#e06c75",
+      peach: "#f07178",
+      yellow: "#ffb454",
+      green: "#b8cc52",
+      teal: "#95e6cb",
+    },
+  },
+  ayuLight: {
+    name: "ayuLight",
+    label: "Ayu Light",
+    colors: {
+      base: "#FCFCFC",
+      mantle: "#8A91991A",
+      crust: "#eaeef2",
+      text: "#5C6166",
+      subtext0: "#57606a",
+      subtext1: "#6e7781",
+      surface0: "#f3f6fa",
+      surface1: "#eaeef2",
+      surface2: "#d0d7de",
+      overlay0: "#FFAA33",
+      overlay1: "#6e7781",
+      blue: "#0969da",
+      lavender: "#8250df",
+      sapphire: "#0550ae",
+      sky: "#218bff",
+      red: "#E65050",
+      maroon: "#a40e26",
+      peach: "#bc4c00",
+      yellow: "#9a6700",
+      green: "#1a7f37",
+      teal: "#0969da",
+    },
+  },
 };