diff --git a/assets/favicon.png b/assets/favicon.png
index 392baa8..b8eb845 100644
Binary files a/assets/favicon.png and b/assets/favicon.png differ
diff --git a/handlebars/relay/relay_server_list.html b/handlebars/relay/relay_server_list.html
index 5e8a621..b004457 100644
--- a/handlebars/relay/relay_server_list.html
+++ b/handlebars/relay/relay_server_list.html
@@ -2,6 +2,12 @@
 <head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
+<link href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAlJSUAAGIAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAIiIiIgAAAAAAAAAgAAAAAAAAAAAAADIiIiIi
+IiIjMhERERERESMyERERERERIzIREREREREjMhERIRERESMyERIiIiERIzIRESEREREjMhERERER
+ESMyERERERERIzIREREREREjMiIiIiIiIiMAAAAAAAAAAAAAAAAAAAAAAAAAAIABAACAAQAAgAEA
+AIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAA" rel="icon" type="image/x-icon" />
 <style>
 	body {
 		font-family: sans-serif;
diff --git a/handlebars/server/file_server_dir.html b/handlebars/server/file_server_dir.html
index b7b5666..08c84ed 100644
--- a/handlebars/server/file_server_dir.html
+++ b/handlebars/server/file_server_dir.html
@@ -2,10 +2,52 @@
 <head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
+<link href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAlJSUAAGIAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAIiIiIgAAAAAAAAAgAAAAAAAAAAAAADIiIiIi
+IiIjMhERERERESMyERERERERIzIREREREREjMhERIRERESMyERIiIiERIzIRESEREREjMhERERER
+ESMyERERERERIzIREREREREjMiIiIiIiIiMAAAAAAAAAAAAAAAAAAAAAAAAAAIABAACAAQAAgAEA
+AIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAA" rel="icon" type="image/x-icon" />
 <style>
 	body {
+		margin: 0px;
 		font-family: sans-serif;
 	}
+	.app {
+		--main-bg-color: white;
+		--main-fg-color: black;
+		--main-link-color: unset;
+		--odd-row-bg-color: #d8d8d8;
+		--grey-color: #555;
+		--dark-mode-transition: all 1s ease;
+		
+		background-color: var(--main-bg-color);
+		color: var(--main-fg-color);
+		padding: 8px;
+		
+		transition: var(--dark-mode-transition);
+	}
+	.light_switch {
+		display: none;
+	}
+	.light_switch_label {
+		cursor: pointer;
+		padding: 8px;
+		
+		background-color: var(--main-fg-color);
+		color: var(--main-bg-color);
+	}
+	.light_switch_label::before {
+		content: "[ ] ";
+	}
+	a {
+		color: var(--main-link-color);
+		transition: var(--dark-mode-transition);
+	}
+	th {
+		color: var(--main-fg-color);
+		transition: var(--dark-mode-transition);
+	}
 	td {
 		padding: 0;
 	}
@@ -17,21 +59,38 @@
 		text-decoration: none;
 	}
 	.grey {
-		color: #888;
+		color: var(--grey-color);
 		text-align: right;
+		transition: var(--dark-mode-transition);
 	}
 	.entry_list {
 		width: 100%;
 		border-collapse: collapse;
+		margin-bottom: 1em;
 	}
 	tbody tr:nth-child(odd) {
-		background-color: #ddd;
+		background-color: var(--odd-row-bg-color);
+		transition: var(--dark-mode-transition);
+	}
+	
+	/* Dark mode colors */
+	[type="checkbox"]:checked + .app {
+		--main-bg-color: black;
+		--main-fg-color: white;
+		--main-link-color: white;
+		--odd-row-bg-color: #333;
+		--grey-color: #aaa;
+	}
+	[type="checkbox"]:checked + .app .light_switch_label::before {
+		content: "[X] ";
 	}
 </style>
 <title>{{path}} {{server_name}}</title>
 </head>
 <body>
+<input type="checkbox" class="light_switch" id="light_switch">
 
+<div class="app">
 <p>{{server_name}}</p>
 
 <p>{{path}}</p>
@@ -61,5 +120,8 @@
 </tbody>
 </table>
 
+<!-- Doesn't work perfectly yet -->
+<label for="light_switch" class="light_switch_label">Dark mode</label>
+</page>
 </body>
 </html>
