Updated some EJS and CSS to make it look a bit nicer (I am hopeless at

UX)

webroot/default.css

@@ -8,9 +8,42 @@ body {
 #post-edit img {
 	width: 20px;
 }
+input, textarea, button {
+	border: none;
+	border-radius: 5px;
+}
 a {
 	text-decoration: none;
 }
 a:hover {
 	text-decoration: underline;
 }
+@media (prefers-color-scheme: dark) {
+	body {
+		background-color: #333333;
+		color: #ffffff;
+	}
+	a {
+		color: #546BEB;
+	}
+	a:visited {
+		color: #EF46F1;
+	}
+	input, textarea, button {
+		background-color: #1E1E1E;
+		color: #ffffff;
+	}
+	hr {
+		color: white;
+	}
+}
+
+@media (prefers-color-scheme: light) {
+	input, textarea, button {
+		background-color: #DEDEDE;
+		color: #000000;
+	}
+	hr {
+		color: black;
+	}
+}