From a60f18cdb53d5d674ad6e6e76936e12313337983 Mon Sep 17 00:00:00 2001
From: ANKeshri <ankeshri2003@gmail.com>
Date: Thu, 25 Jul 2024 16:22:28 +0530
Subject: [PATCH 1/2] dark mode in membership page

---
 pricing/index.html | 20 ++++++++++++++
 pricing/style.css  | 69 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 89 insertions(+)

diff --git a/pricing/index.html b/pricing/index.html
index 2c4f9ac6..1f5bc0d3 100644
--- a/pricing/index.html
+++ b/pricing/index.html
@@ -208,6 +208,26 @@
             list.classList.toggle('activeHamburger');
           })
         </script>
+        <script>
+          document.addEventListener('DOMContentLoaded', () => {
+    const themeToggle = document.getElementById('themeToggle');
+
+    // Check for saved theme in localStorage
+    if (localStorage.getItem('theme') === 'dark') {
+        document.body.classList.add('dark-mode');
+        themeToggle.checked = true;
+    }
+
+    themeToggle.addEventListener('change', () => {
+        if (themeToggle.checked) {
+            document.body.classList.add('dark-mode');
+            localStorage.setItem('theme', 'dark');
+        } else {
+            document.body.classList.remove('dark-mode');
+            localStorage.setItem('theme', 'light');
+        }
+    });
+});
   </script>
 
 </body>
diff --git a/pricing/style.css b/pricing/style.css
index 819c0374..d4e0352d 100644
--- a/pricing/style.css
+++ b/pricing/style.css
@@ -555,4 +555,73 @@ header img {
     
   }
   
+}
+.dark-theme {
+  --secondary-color: #0e1525;
+  --text-dark: #ffffff;
+  --arr-light: white;
+  --body-light: #0e1525;
+  --img-color: red;
+  --head-text: red;
+  --btn-border: red;
+  --btn-color: #fdbb2dbf;
+  --footer-text-color: #ffffff;
+}
+/* Dark Mode Styles */
+body.dark-mode {
+  background-color: #121212;
+  color: #ffffff;
+}
+
+body.dark-mode .nav-container {
+  background-color: #1e1e1e;
+}
+
+body.dark-mode .navLinks li a {
+  color: #ffffff;
+}
+
+body.dark-mode .btn {
+  background-color: #333333;
+  color: #ffffff;
+}
+
+body.dark-mode .wrapper .table {
+  background-color: #1e1e1e;
+  border: 1px solid #444444;
+}
+
+body.dark-mode .wrapper .table .price-section {
+  background-color: #2e2e2e;
+}
+
+body.dark-mode .wrapper .table .purchase-btn button {
+  background-color: #333333;
+  color: #ffffff;
+}
+
+/* Additional styles */
+.hamburger .line {
+  background-color: #000000;
+}
+
+body.dark-mode .hamburger .line {
+  background-color: #ffffff;
+}
+body.dark-mode .table .package-name::before{
+  background: #1e1e1e;
+}
+body.dark-mode .wrapper .table {
+  background-color: #1e1e1e;
+  border: 1px solid #444444;
+  box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
+}
+
+body.dark-mode .wrapper .table .price-section {
+  background-color: #2e2e2e;
+}
+
+body.dark-mode .wrapper .table .purchase-btn button {
+  background-color: #333333;
+  color: #ffffff;
 }
\ No newline at end of file

From af4ec320d3caf4520384b4c41bfcfa52c2f53c1b Mon Sep 17 00:00:00 2001
From: ANKeshri <ankeshri2003@gmail.com>
Date: Mon, 29 Jul 2024 15:27:56 +0530
Subject: [PATCH 2/2] made dark mode according to theme

---
 pricing/style.css | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/pricing/style.css b/pricing/style.css
index d4e0352d..e56ac595 100644
--- a/pricing/style.css
+++ b/pricing/style.css
@@ -224,9 +224,8 @@ header {
   padding-top: 12px;
   padding-bottom: 12px;
   width: auto;
-  background-color: transparent;
-  border: 2px solid slateblue;
-  color: red;
+  background-color: #6a5acd;
+  color:white;
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 2px;
@@ -567,9 +566,13 @@ header img {
   --btn-color: #fdbb2dbf;
   --footer-text-color: #ffffff;
 }
+.dark-mode{
+  --secondary-color: #0e1525;
+  --btn-border: red;
+}
 /* Dark Mode Styles */
 body.dark-mode {
-  background-color: #121212;
+  background-color:#002152;
   color: #ffffff;
 }
 
@@ -582,7 +585,7 @@ body.dark-mode .navLinks li a {
 }
 
 body.dark-mode .btn {
-  background-color: #333333;
+  background-color: red;
   color: #ffffff;
 }
 
@@ -612,13 +615,13 @@ body.dark-mode .table .package-name::before{
   background: #1e1e1e;
 }
 body.dark-mode .wrapper .table {
-  background-color: #1e1e1e;
-  border: 1px solid #444444;
+  background-color: black;
+  border: 1px solid black;
   box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
 }
 
 body.dark-mode .wrapper .table .price-section {
-  background-color: #2e2e2e;
+  background-color: black;
 }
 
 body.dark-mode .wrapper .table .purchase-btn button {