more themes

gulp/res/css/style.css

@@ -346,6 +346,7 @@ td, th {
 	flex-flow: column wrap;
 	width: max-content;
 	width: -moz-max-content;
+	margin-top: 10px;
 }
 
 .toggle {

gulp/res/css/themes/gurochan.css

@@ -0,0 +1,28 @@
+/*gurochan*/
+:root {
+	--background-top: #EDDAD2;
+	--background-rest: #EDDAD2;
+	--post-color: #D9AF9E;
+	--post-outline-color: #CA927B;
+	--label-color: #E6CBC0;
+	--box-border-color: #CA927B;
+	--darken: #00000050;
+	--highlighted-post-color: #EEDACB;
+	--highlighted-post-outline-color: #CA927B;
+	--board-title: #FF6600;
+	--hr: #CA927B;
+	--font-color: #000;
+	--name-color: #000;
+	--capcode-color: #f00;
+	--subject-color: #004A99;
+	--link-color: #34345C;
+	--post-link-color: #34345C;
+	--link-hover: #34345C;
+	--input-borders: #CA927B;
+	--input-color: #000;
+	--input-background: #E6CBC0;
+	--dice-color: darkorange;
+	--title-color: #d70000;
+	--greentext-color: #789922;
+}
+

gulp/res/css/themes/makaba.css

@@ -0,0 +1,28 @@
+/*makaba*/
+:root {
+	--background-top: #EEE;
+	--background-rest: #EEE;
+	--post-color: #DDD;
+	--post-outline-color: #d2d2d2;
+	--label-color: #f5f5f5;
+	--box-border-color: #e0e0e0;
+	--darken: #00000050;
+	--highlighted-post-color: #EEDACB;
+	--highlighted-post-outline-color: #d2d2d2;
+	--board-title: #FF6600;
+	--hr: #DDD;
+	--font-color: #333;
+	--name-color: #333;
+	--capcode-color: #f00;
+	--subject-color: #004A99;
+	--link-color: #FF6600;
+	--post-link-color: #FF6600;
+	--link-hover: #a74300;
+	--input-borders: #d2d2d2;
+	--input-color: #333;
+	--input-background: #f5f5f5;
+	--dice-color: darkorange;
+	--title-color: #d70000;
+	--greentext-color: #789922;
+}
+

gulp/res/css/themes/sushi.css

@@ -0,0 +1,27 @@
+/*sushi*/
+:root {
+	--background-top: #2e99cc70;
+	--background-rest: #D2FFEE;
+	--post-color: #B6DDDE;
+	--post-outline-color: #8FCCCD;
+	--label-color: #B6DDDE;
+	--box-border-color: #8FCCCD;
+	--darken: #00000010;
+	--highlighted-post-color: #a9d8ff;
+	--highlighted-post-outline-color: #a9d8ff;
+	--board-title: #800000;
+	--hr: #B7D9C5;
+	--font-color: black;
+	--name-color: #117743;
+	--capcode-color: #f00;
+	--subject-color: #117743;
+	--link-color: #d00;
+	--post-link-color: #d00;
+	--link-hover: #d00;
+	--input-borders: #a9a9a9;
+	--input-color: #000;
+	--input-background: white;
+	--dice-color: darkorange;
+	--title-color: #d70000;
+	--greentext-color: #789922;
+}

gulp/res/css/themes/yotsuba.css

@@ -0,0 +1,27 @@
+/*yotsuba b*/
+:root {
+	--background-top: #fed6af90;
+	--background-rest: #ffe;
+	--post-color: #f0e0d6;
+	--post-outline-color: #d9bfb7;
+	--label-color: #EA8;
+	--box-border-color: #000;
+	--darken: #00000010;
+	--highlighted-post-color: #D6BAD0;
+	--highlighted-post-outline-color: #d9bfb7;
+	--board-title: #af0a0f;
+	--hr: #D9BFB7;
+	--font-color: #800000;
+	--name-color: #800000;
+	--capcode-color: #f00;
+	--subject-color: #f00;
+	--link-color: #800;
+	--post-link-color: navy;
+	--link-hover: #f00;
+	--input-borders: #a9a9a9;
+	--input-color: #000;
+	--input-background: white;
+	--dice-color: darkorange;
+	--title-color: #d70000;
+	--greentext-color: #789922;
+}