alt header color option and hide pph/users count when on mobile for better table view

gulp/res/css/style.css

@@ -280,10 +280,15 @@ table {
 	width: 600px;
 }
 
-.table-head, th {
+th {
 	background: var(--label-color);
 }
 
+.alt {
+	background: var(--alt-label-color, --label-color);
+	color: var(--alt-font-color, --font-color)
+}
+
 td, th {
 	padding: 5px;
 }
@@ -705,6 +710,11 @@ hr + .thread {
 
 @media only screen and (max-width: 600px) {
 
+	table#boardtable td:nth-child(3), table#boardtable th:nth-child(3),
+	table#boardtable td:nth-child(4), table#boardtable th:nth-child(4) {
+		display: none;
+	}
+
 	.close {
 		width: 30px;
 	}
@@ -765,7 +775,6 @@ hr + .thread {
 
 }
 
-
 /*
 https://github.com/vichan-devel/vichan/blob/master/static/flags/flags.css
 are these (along with condensed flag image) originally from here?

gulp/res/css/themes/gurochan.css

@@ -1,5 +1,7 @@
 /*gurochan*/
 :root {
+	--alt-label-color: #e6cbc0;
+	--alt-font-color: #000;
 	--background-top: #EDDAD2;
 	--background-rest: #EDDAD2;
 	--navbar-color: #D9AF9E;

gulp/res/css/themes/lain.css

@@ -1,27 +1,29 @@
 /*lainchan*/
 :root {
+	--alt-label-color: #333;
+	--alt-font-color: #bbb;
 	--background-top: #1E1E1E;
 	--background-rest: #1E1E1E;
-	--navbar-color: #333333;
-	--post-color: #333333;
-	--post-outline-color: #555555;
-	--label-color: #333333;
-	--box-border-color: #666666;
+	--navbar-color: #333;
+	--post-color: #333;
+	--post-outline-color: #555;
+	--label-color: #333;
+	--box-border-color: #666;
 	--darken: #00000050;
 	--highlighted-post-color: #32DD7220;
 	--highlighted-post-outline-color: #32DD7250;
 	--board-title: #32DD72;
-	--hr: #333333;
-	--font-color: #bbbbbb;
+	--hr: #333;
+	--font-color: #bbb;
 	--name-color: #32DD72;
 	--capcode-color: #f00;
 	--subject-color: #b294bb;
 	--link-color: #fff;
 	--post-link-color: #fff;
 	--link-hover: #32DD72;
-	--input-borders: #666666;
+	--input-borders: #666;
 	--input-color: #CCCCCC;
-	--input-background: #333333;
+	--input-background: #333;
 	--dice-color: darkorange;
 	--title-color: #d70000;
 	--greentext-color: #B8D962;

gulp/res/css/themes/makaba.css

@@ -1,5 +1,7 @@
 /*makaba*/
 :root {
+	--alt-label-color: #f5f5f5;
+	--alt-font-color: #333;
 	--background-top: #EEE;
 	--background-rest: #EEE;
 	--navbar-color: #DDD;

gulp/res/css/themes/rei-zero.css

@@ -1,5 +1,7 @@
 /*rei-zero*/
 :root {
+	--alt-label-color: #29373e;
+	--alt-font-color: #d6d6d6;
 	--background-top: #000E1C;
 	--background-rest: #000E1C;
 	--navbar-color: #29373E;

gulp/res/css/themes/sushi.css

@@ -1,5 +1,7 @@
 /*sushi*/
 :root {
+	--alt-label-color: #B6DDDE;
+	--alt-font-color: black;
 	--background-top: #2e99cc70;
 	--background-rest: #D2FFEE;
 	--navbar-color: #B6DDDE;

gulp/res/css/themes/tomorrow.css

@@ -1,5 +1,7 @@
 /*tomorrow*/
 :root {
+	--alt-label-color: #282a2e;
+	--alt-font-color: #c5c8c6;
 	--background-top: #1d1f21;
 	--background-rest: #1d1f21;
 	--navbar-color: #282a2e;

gulp/res/css/themes/yotsuba b.css

@@ -1,5 +1,7 @@
 /*yotsuba b*/
 :root {
+	--alt-label-color: #98E;
+	--alt-font-color: black;
 	--background-top: #d6daf0;
 	--background-rest: #eef2ff;
 	--navbar-color: #D6DAF0;

gulp/res/css/themes/yotsuba.css

@@ -1,5 +1,7 @@
 /*yotsuba b*/
 :root {
+	--alt-label-color: #800;
+	--alt-font-color: #fff;
 	--background-top: #fed6af90;
 	--background-rest: #ffe;
 	--navbar-color: #f0e0d6;

views/mixins/newspost.pug

@@ -1,14 +1,14 @@
 mixin newspost(post, globalmanage=false)
 	.table-container.flex-center.mv-5
 		.anchor(id=post._id)
-		table.table-body
-			tr.table-head
+		table
+			tr
 				th
 					if globalmanage === true
 						input.left.post-check(type='checkbox', name='checkednews[]' value=post._id)  
 					a.left(href=`#${post._id}`) #{post.title}
 					p.right.no-m-p #{post.date.toLocaleString(undefined, {hour12:false})}
-			tr.table-row
+			tr
 				td
 					if globalmanage === true
 						p.no-m-p #{`${post.message.raw.substring(0,50)}...`}

views/pages/home.pug

@@ -2,14 +2,14 @@ extends ../layout.pug
 
 block head
 	script(src='/js/theme.js')
-	title Imageboard
+	title #{meta.siteName}
 
 block content
-	h1.board-title Fatchan
+	h1.board-title #{meta.siteName}
 	.table-container.flex-center.mv-10
 		table
 			tr
-				th Welcome
+				th.alt Welcome
 			tr
 				td
 					p
@@ -22,7 +22,7 @@ block content
 						a(href='/create.html') create your own board
 						| .
 	.table-container.flex-center.mv-10.text-center
-		table
+		table#boardtable
 			tr
 				th Board
 				th Description