diff --git a/app/templates/index.html b/app/templates/index.html
index 7567e9ab6..67b6e505c 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -58,11 +58,13 @@
   <nav class="blue lighten-1" role="navigation">
 	<div class="nav-wrapper container"><a id="logo-container" href="/" class="brand-logo"><i class="material-icons">translate</i> LibreTranslate</a>
 	  <ul class="right hide-on-med-and-down">
+		<li><a href="/docs">Dark Mode</a></li>
 		<li><a href="/docs">API Docs</a></li>
 		<li><a href="https://github.com/uav4geo/LibreTranslate">GitHub</a></li>
 	  </ul>
 
 	  <ul id="nav-mobile" class="sidenav">
+		<li><a href="/docs">Dark Mode</a></li>
 		<li><a href="/docs">API Docs</a></li>
 		<li><a href="https://github.com/uav4geo/LibreTranslate">GitHub</a></li>
 	  </ul>
@@ -422,6 +424,11 @@ <h5 class="white-text">LibreTranslate</h5>
 
 });
 
+function darkmode(){
+	document.getElementById("blue lighten-1").style.backgroundColor = "#202225 !important"
+}
+	
+	
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>