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

UX)

views/headers/tag.ejs

@@ -1,6 +1,6 @@
 <div id='tag-page-title'>
 	<h1>
-	    <%= locale.posts_tagged %>: "<%- tag %>"
+	    #<%- tag %>
 	</h1>
 </div>
 <%- config.seperator %>

views/posts/post.ejs

@@ -1,7 +1,7 @@
 <div id="post-header">
-    <h1>
+    <h2>
         <a href='/post/<%= post['id'] %>'><%= post.title %></a>
-    </h1>
+    </h2>
 </div>
 
 <div id="post-tags">

views/posts/tag.ejs

@@ -1,7 +1,7 @@
 <div id="post-header">
-    <h1>
+    <h2>
         <a href='/post/<%= post['id'] %>'><%= post.title %></a>
-    </h1>
+    </h2>
 </div>
 
 <div id="post-tags">

views/posts/timeline.ejs

@@ -1,7 +1,7 @@
 <div id="post-header">
-    <h1>
+    <h2>
         <a href='/post/<%= post['id'] %>'><%= post.title %></a>
-    </h1>
+    </h2>
 </div>
 
 <div id="post-tags">

views/posts/user.ejs

@@ -1,7 +1,7 @@
 <div id="post-header">
-    <h1>
+    <h2>
         <a href='/post/<%= post['id'] %>'><%= post.title %></a>
-    </h1>
+    </h2>
 </div>
 
 <div id="post-tags">

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;
+	}
+}