From 6be73bef1a610c00c030c1552e7e4e40ef9ad388 Mon Sep 17 00:00:00 2001
From: superlopez-real <kakskemail@gmail.com>
Date: Mon, 11 Nov 2024 09:36:42 +0000
Subject: [PATCH 1/2] Add Ayu Dark theme to theme options

---
 src/lib/components/ThemeSwitcher.svelte |  2 +-
 src/lib/styles/index.ts                 | 27 +++++++++++++++++++++++++
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/ThemeSwitcher.svelte b/src/lib/components/ThemeSwitcher.svelte
index 6c26e79..3c3e6da 100644
--- a/src/lib/components/ThemeSwitcher.svelte
+++ b/src/lib/components/ThemeSwitcher.svelte
@@ -14,7 +14,7 @@
   const themeGroups = [
     {
       label: "Dark",
-      themes: ["catppuccin", "dracula", "monokaiPro", "tokyoNight"],
+      themes: ["catppuccin", "dracula", "monokaiPro", "tokyoNight", "ayuDark"],
     },
     {
       label: "Light",
diff --git a/src/lib/styles/index.ts b/src/lib/styles/index.ts
index 5d28bb9..54fa03b 100644
--- a/src/lib/styles/index.ts
+++ b/src/lib/styles/index.ts
@@ -567,4 +567,31 @@ 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",
+    },
+  },
 };

From 86c67d99fc33268bb4cef207f99ce5a21cf69ded Mon Sep 17 00:00:00 2001
From: superlopez-real <kakskemail@gmail.com>
Date: Mon, 11 Nov 2024 09:46:50 +0000
Subject: [PATCH 2/2] Added ayu light and ayu mirage

---
 src/lib/components/ThemeSwitcher.svelte | 11 ++++-
 src/lib/styles/index.ts                 | 54 +++++++++++++++++++++++++
 2 files changed, 63 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/ThemeSwitcher.svelte b/src/lib/components/ThemeSwitcher.svelte
index 3c3e6da..80e070e 100644
--- 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", "ayuDark"],
+      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
index 54fa03b..8143a4f 100644
--- a/src/lib/styles/index.ts
+++ b/src/lib/styles/index.ts
@@ -594,4 +594,58 @@ export const themes: Record<string, Theme> = {
       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",
+    },
+  },
 };