From 6722e34c15913407f11d9d6e36e86a0ea66f37c6 Mon Sep 17 00:00:00 2001
From: UJJWAL SRIVASTAVA <119431039+ujjwalsri1@users.noreply.github.com>
Date: Wed, 23 Oct 2024 21:03:22 +0530
Subject: [PATCH] Update index.html

Changes Made:
New Colors: Added light-bg and light-text colors to the Tailwind configuration.
JavaScript Function: A toggleLightMode function was added to switch between dark and light modes.
Button for Toggling: Added a button that calls the toggleLightMode function.
---
 index.html | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 0790c43..8f14875 100644
--- a/index.html
+++ b/index.html
@@ -28,6 +28,8 @@
                         'amine-bg': '#090a24',
                         'amine-text': '#DCF2F1',
                         'amine-input': '#365486',
+                        'light-bg': '#ffffff',
+                        'light-text': '#000000',
                     },
                     fontFamily: {
                         'custom': ['Poppins', 'sans-serif'],
@@ -36,6 +38,18 @@
             }
         }
     </script>
+    <script>
+        function toggleLightMode() {
+            const body = document.body;
+            const currentBgColor = body.classList.contains('bg-amine-bg') ? 'bg-amine-bg' : 'bg-light-bg';
+            const currentTextColor = body.classList.contains('text-amine-text') ? 'text-amine-text' : 'text-light-text';
+            
+            body.classList.toggle('bg-amine-bg');
+            body.classList.toggle('bg-light-bg');
+            body.classList.toggle('text-amine-text');
+            body.classList.toggle('text-light-text');
+        }
+    </script>
 </head>
 <body class="bg-amine-bg text-amine-text font-custom flex items-center justify-center min-h-screen">
     <div class="container mx-auto px-4 py-8 max-w-2xl">
@@ -51,6 +65,9 @@ <h1 class="text-7xl mb-6">amine</h1>
                 </p>
                 <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6">
                     
+                    <button onclick="toggleLightMode()" class="bg-amine-input text-amine-text px-4 py-1 rounded-lg inline-flex items-center justify-center font-semibold transition duration-300 hover:bg-opacity-80">
+                        Toggle Light Mode
+                    </button>
 
                     <a href="https://github.com/datavorous/amine/releases/tag/v0.0.1" class="bg-amine-input text-amine-text px-4 py-1 rounded-lg inline-flex items-center justify-center font-semibold transition duration-300 hover:bg-opacity-80">
                         Windows x64
@@ -60,7 +77,6 @@ <h1 class="text-7xl mb-6">amine</h1>
                         Request Feature
                     </a>
 
-
                     <a href="https://github.com/datavorous/amine" class="bg-amine-input border-amine-text text-amine-text px-8 py-4 rounded-lg inline-flex items-center justify-center font-semibold transition duration-300 hover:bg-opacity-80">
                         Github
                     </a>
