diff --git a/css/styles.css b/css/styles.css
index 8ccf924..ff3e08d 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -423,3 +423,27 @@ input[type=number] {
     min-height: 40px;
   }
 }
+
+/*Darkmodjs*/
+.darkmode-layer, .darkmode-toggle {
+  z-index: 1;
+}
+
+div.darkmode-background{
+  background: #DEF2D9;
+  background-image:
+    radial-gradient(#fff 20%, transparent 0),
+    radial-gradient(#fff 20%, transparent 0);
+  position: inherit;
+}
+
+body.darkmode--activated{
+   display: flex;
+   flex-direction: column;
+   align-items: center;
+   justify-content: center;
+   font-family: 'Varela Round', sans-serif;
+   width: 100%;
+   margin: 0 0 0 0;
+   position: absolute
+}
diff --git a/index.html b/index.html
index d4dc76e..0a106be 100644
--- a/index.html
+++ b/index.html
@@ -289,6 +289,8 @@
   <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
   <script src="js/predictions.js"></script>
   <script src="js/scripts.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.5/lib/darkmode-js.min.js"></script>
+  <script> new Darkmode({label: '🌓', buttonColorDark: '#fff00'}).showWidget();</script>
 </body>
 
 </html>