diff --git a/index.html b/index.html
index 7dc6027d..874a242a 100644
--- a/index.html
+++ b/index.html
@@ -12,6 +12,18 @@
   <link rel="stylesheet" href="index.css">
   </head>
 <body>
+  <script
+    type="module"
+    src="https://cdn.jsdelivr.net/npm/@bufferhead/nightowl@0.0.14/dist/nightowl.js"
+></script>
+      <script type="module">
+    import { createNightowl } from '@bufferhead/nightowl'
+
+    createNightowl({
+        defaultMode: 'dark',
+        toggleButtonMode: 'newState'
+    })
+</script>
   <div id="app"></div>
   <script type="text/javascript">
     (function(c,l,a,r,i,t,y){    <!-- Add Font Awesome -->
@@ -39,7 +51,9 @@
         '/((?!README).*)/((?!README).*)/(README$)': '$1/$2/$3'
       }
     }
+
   </script>
+
   <script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
   <script type="text/javascript">
     (function(c,l,a,r,i,t,y){
diff --git a/package-lock.json b/package-lock.json
index b5c2b48d..c18d3c48 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,10 +8,19 @@
 			"name": "web-dev-for-beginners",
 			"version": "1.0.0",
 			"license": "MIT",
+			"dependencies": {
+				"@bufferhead/nightowl": "^0.0.14"
+			},
 			"devDependencies": {
 				"docsify-to-pdf": "0.0.5"
 			}
 		},
+		"node_modules/@bufferhead/nightowl": {
+			"version": "0.0.14",
+			"resolved": "https://registry.npmjs.org/@bufferhead/nightowl/-/nightowl-0.0.14.tgz",
+			"integrity": "sha512-cRa0AR0ojrpHTnbDlhmQ+2tlbdbfG0f96YqMp6BErzj0rA5SglLahQlDT2NGKlGZeHMqZ8zyOM/ZD2lU6aU/uA==",
+			"license": "MIT"
+		},
 		"node_modules/@sindresorhus/is": {
 			"version": "0.14.0",
 			"resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
@@ -2842,6 +2851,11 @@
 		}
 	},
 	"dependencies": {
+		"@bufferhead/nightowl": {
+			"version": "0.0.14",
+			"resolved": "https://registry.npmjs.org/@bufferhead/nightowl/-/nightowl-0.0.14.tgz",
+			"integrity": "sha512-cRa0AR0ojrpHTnbDlhmQ+2tlbdbfG0f96YqMp6BErzj0rA5SglLahQlDT2NGKlGZeHMqZ8zyOM/ZD2lU6aU/uA=="
+		},
 		"@sindresorhus/is": {
 			"version": "0.14.0",
 			"resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
diff --git a/package.json b/package.json
index ed7d64d1..82e4a348 100644
--- a/package.json
+++ b/package.json
@@ -24,5 +24,8 @@
 	"homepage": "https://github.com/microsoft/Web-Dev-For-Beginners#readme",
 	"devDependencies": {
 		"docsify-to-pdf": "0.0.5"
+	},
+	"dependencies": {
+		"@bufferhead/nightowl": "^0.0.14"
 	}
 }
