From 8f9f03c76388fb61c80118e1abb7fd48201fcffb Mon Sep 17 00:00:00 2001
From: Yeghro <130201060+Yeghro@users.noreply.github.com>
Date: Sat, 25 Jan 2025 02:00:07 -0800
Subject: [PATCH] a bunch of themes for users to choose from

---
 index.html |  4 ++++
 script.js  | 68 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 72 insertions(+)

diff --git a/index.html b/index.html
index 33f889f..b6b8b10 100644
--- a/index.html
+++ b/index.html
@@ -44,6 +44,10 @@
                     <option value="purple">Purple Dream</option>
                     <option value="nature">Nature's Touch</option>
                     <option value="sunset">Sunset Vibes</option>
+                    <option value="grape">Grape Fusion</option>
+                    <option value="autumn">Autumn Warmth</option>
+                    <option value="midnight">Midnight Rose</option>
+                    <option value="rosenoir">Rose Noir</option>
                 </select>
                 <button id="darkModeToggle" class="theme-toggle" aria-label="Toggle dark mode">
                     <i class="fas fa-moon"></i>
diff --git a/script.js b/script.js
index 830ea65..ecc19f0 100644
--- a/script.js
+++ b/script.js
@@ -71,6 +71,74 @@ const colorThemes = {
             sidebarBackground: '#c8963e',
             linkColor: '#f3a953'
         }
+    },
+    grape: {
+        light: {
+            primary: '#642ca9',
+            background: '#ffffff',
+            text: '#642ca9',
+            cardBackground: '#ffb8de',
+            sidebarBackground: '#ffdde1',
+            hoverColor: '#ff36ab'
+        },
+        dark: {
+            background: '#642ca9',
+            text: '#ffdde1',
+            cardBackground: '#ff36ab',
+            sidebarBackground: '#ff74d4',
+            linkColor: '#ffb8de'
+        }
+    },
+    autumn: {
+        light: {
+            primary: '#d95d39',
+            background: '#ffffff',
+            text: '#0e1428',
+            cardBackground: '#f0a202',
+            sidebarBackground: '#7b9e89',
+            hoverColor: '#f18805'
+        },
+        dark: {
+            background: '#0e1428',
+            text: '#f0a202',
+            cardBackground: '#d95d39',
+            sidebarBackground: '#7b9e89',
+            linkColor: '#f18805'
+        }
+    },
+    midnight: {
+        light: {
+            primary: '#b91372',
+            background: '#ffffff',
+            text: '#31081f',
+            cardBackground: '#fa198b',
+            sidebarBackground: '#6b0f1a',
+            hoverColor: '#fa198b'
+        },
+        dark: {
+            background: '#0e0004',
+            text: '#fa198b',
+            cardBackground: '#b91372',
+            sidebarBackground: '#31081f',
+            linkColor: '#fa198b'
+        }
+    },
+    rosenoir: {
+        light: {
+            primary: '#792359',
+            background: '#ffffff',
+            text: '#2f2d2e',
+            cardBackground: '#fd3e81',
+            sidebarBackground: '#41292c',
+            hoverColor: '#d72483'
+        },
+        dark: {
+            background: '#2f2d2e',
+            text: '#fd3e81',
+            cardBackground: '#792359',
+            sidebarBackground: '#41292c',
+            linkColor: '#d72483'
+        }
     }
 };