tapaswenipathak · chase-west · Oct 11, 2023
diff --git a/index.html b/index.html
@@ -20,6 +20,8 @@
 
     </head>
     <body>
+        <script src="js/dark-mode.js"></script>
+        <script src="theme-switcher.js"></script>
         <div class="mx-auto" style="width: 80%; margin: 5%">
 
           <h1>SOC Programs</h1>
@@ -32,6 +34,7 @@ <h1>SOC Programs</h1>
     		  </thead>
     		</tr>
     		<tr>
+          <button id="theme-toggle-button" onclick="switchMode()">Dark Mode</button>
     		  <td><a href="https://developers.google.com/season-of-docs/">Season of Docs</a></td>
     		  <td>Yes</td>
               <td><a href="https://developers.google.com/season-of-docs/docs/timeline">timeline</a></td>

diff --git a/js/dark-mode.js b/js/dark-mode.js
@@ -0,0 +1,21 @@
+//Switch to dark mode and update dark mode const
+function switchMode() {
+  document.body.classList.toggle('dark');
+  const isDarkMode = document.body.classList.contains('dark');
+    document.cookie = `darkMode=${isDarkMode ? 1 : 0}; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/`;
+}
+
+// Function to get the value of a cookie by name
+function getCookie(name) {
+  const value = `; ${document.cookie}`;
+  const parts = value.split(`; ${name}=`);
+  if (parts.length === 2) return parts.pop().split(';').shift();
+}
+
+// Check for the dark mode preference in the cookie
+const darkModeCookie = getCookie('darkMode');
+
+// Apply dark mode if the cookie value is '1' (for dark mode)
+if (darkModeCookie === '1') {
+  document.body.classList.add('dark');
+}
diff --git a/vend/bootstrap/css/bootstrap.min.css b/vend/bootstrap/css/bootstrap.min.css