diff --git a/index.html b/index.html
index 1af2392..bb8c434 100644
--- a/index.html
+++ b/index.html
@@ -56,6 +56,8 @@ <h3>Information</h3>
         <p id="lastModified">Last modified: [Date]</p>
         <p>&copy; <span id="currentYear">Year</span> Matthew Anderson UT/US</p>
     </footer>
+    <script src="scripts/menu.js"></script>
+    <script src="scripts/darkmode.js"></script>
     <script src="scripts/getDates.js"></script>
 </body>
 </html>
diff --git a/scripts/darkmode.js b/scripts/darkmode.js
new file mode 100644
index 0000000..2227085
--- /dev/null
+++ b/scripts/darkmode.js
@@ -0,0 +1,5 @@
+// darkmode.js
+function toggleDarkMode() {
+    const body = document.body;
+    body.classList.toggle('dark-mode');
+  }
\ No newline at end of file
diff --git a/styles/base.css b/styles/base.css
index a27ce63..3b6a5f9 100644
--- a/styles/base.css
+++ b/styles/base.css
@@ -8,7 +8,19 @@ span {background-color: red}
 hr {
     border-top: .25rem solid #000000;
 }
-
+.dark-mode {
+    background-color: #1f1f1f;
+    color: #ffffff;
+  }
+/* Dark mode styles for the toggle button */
+#darkModeToggle {
+    background-color: #333;
+    color: #fff;
+    border: none;
+    padding: 8px 16px;
+    cursor: pointer;
+  }
+  
 header {
     background-color: #8efbff;
     margin: auto;