diff --git a/cookie_policy.html b/cookie_policy.html
index cdec006a..f6e0616f 100644
--- a/cookie_policy.html
+++ b/cookie_policy.html
@@ -162,6 +162,57 @@
                 font-size: 0.95rem;
             }
         }
+        :root {
+          --bg-color: #fff;
+          --text-color: #333;
+          --toc-bg: #e9ecef;
+          --link-color: #007bff;
+      }
+      
+      body {
+          background-color: var(--bg-color);
+          color: var(--text-color);
+      }
+      
+      a {
+          color: var(--link-color);
+      }
+      
+      /* Dark Mode Variables */
+      body.dark-mode {
+          --bg-color: #000;
+          --text-color: #fff;
+          --toc-bg: #333;
+          --link-color: #90caf9;
+      }
+      
+      .dark-mode .container {
+          background-color: var(--bg-color);
+      }
+      
+      .dark-mode-toc {
+          background-color: var(--toc-bg);
+      }
+      
+      .dark-mode-toc ul li a,
+      .dark-mode h1,
+      .dark-mode h2,
+      .dark-mode p,
+      .dark-mode ul li {
+          color: var(--text-color);
+      }
+      
+      .dark-mode-content {
+          background-color: var(--bg-color);
+      }
+      
+      .dark-mode-content h1,
+      .dark-mode-content h2,
+      .dark-mode-content p,
+      .dark-mode-content li {
+          color: var(--text-color);
+      }
+      
     </style>
 </head>
 <body>
@@ -199,7 +250,7 @@ <h1 id="logo">BuddyTrail</h1>
         <div class="toc">
             <h2>Table of Contents</h2>
             <ul>
-                <li><a href="#section1">1. What Are Cookies?</a></li>
+                <li><a href="#section1">1. What Are Cookies</a></li>
                 <li><a href="#section2">2. How We Use Cookies</a></li>
                 <li><a href="#section3">3. Types of Cookies We Use</a></li>
                 <li><a href="#section4">4. Managing Cookies</a></li>
@@ -319,6 +370,18 @@ <h3>Follow Us</h3>
         };
       </script>
       <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
-
+      <script>
+        const modeToggle = document.getElementById('modeToggle');
+        const body = document.body;
+        const toc = document.querySelector('.toc');
+        const mainContent = document.querySelector('.main-content');
+    
+        modeToggle.addEventListener('click', () => {
+            body.classList.toggle('dark-mode');
+            toc.classList.toggle('dark-mode-toc');
+            mainContent.classList.toggle('dark-mode-content');
+        });
+    </script>
+    
 </body>
 </html>
