diff --git a/README.md b/README.md
index b5a5a635..885335fb 100644
--- a/README.md
+++ b/README.md
@@ -5,3 +5,6 @@ This book will teach you the basics of programming and Javascript. Whether you a
 ![](./assets/intro.png)
 
 JavaScript (_JS for short_) is the programming language that enables web pages to respond to user interaction beyond the basic level. It was created in 1995, and is today one of the most famous and used programming languages.
+<link rel="stylesheet" href="assets/darkmode.css">
+<script src="assets/darkmode.js"></script>
+
diff --git a/assets/darkmode.css b/assets/darkmode.css
new file mode 100644
index 00000000..d5430f4b
--- /dev/null
+++ b/assets/darkmode.css
@@ -0,0 +1,12 @@
+body.dark {
+  background-color: #121212;
+  color: #f0f0f0;
+}
+
+.dark h1, .dark h2, .dark h3 {
+  color: #ffffff;
+}
+
+.dark a {
+  color: #90caf9;
+}
diff --git a/assets/darkmode.js b/assets/darkmode.js
new file mode 100644
index 00000000..44343336
--- /dev/null
+++ b/assets/darkmode.js
@@ -0,0 +1,25 @@
+document.addEventListener('DOMContentLoaded', function () {
+  const toggle = document.createElement('button');
+  toggle.innerText = "🌙 Toggle Dark Mode";
+  toggle.style.position = 'fixed';
+  toggle.style.top = '10px';
+  toggle.style.right = '10px';
+  toggle.style.zIndex = '9999';
+  toggle.style.padding = '10px';
+  toggle.style.borderRadius = '5px';
+  toggle.style.border = 'none';
+  toggle.style.backgroundColor = '#333';
+  toggle.style.color = '#fff';
+  toggle.style.cursor = 'pointer';
+
+  toggle.onclick = () => {
+    document.body.classList.toggle('dark');
+    localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
+  };
+
+  document.body.appendChild(toggle);
+
+  if (localStorage.getItem('theme') === 'dark') {
+    document.body.classList.add('dark');
+  }
+});