css

gulp/res/css/themes/clear.css

@@ -13,23 +13,36 @@
 	--darken: #0000000f;
 	--highlighted-post-color: #EEDACB;
 	--highlighted-post-outline-color: #d2d2d2;
-	--board-title: maroon;
+	--board-title: #313370;
 	--hr: #DDD;
 	--font-color: #333;
-	--name-color: #333;
+	--name-color: #313370;
 	--capcode-color: #f00;
-	--subject-color: #004A99;
+	--subject-color: #c33;
 	--link-color: black;
 	--post-link-color: darkblue;
-	--link-hover: #a74300;
+	--link-hover: #313370;
 	--input-borders: #d2d2d2;
 	--input-color: #333;
 	--input-background: #f5f5f5;
 	--dice-color: maroon;
-	--title-color: #d70000;
+	--title-color: #c33;
 	--greentext-color: #789922;
 	--pinktext-color:#E0727F;
 }
 .post-info, .post-container:target .post-info, .post-container.highlighted .post-info {
 	background:none!important;border:none!important
 }
+
+input[type=submit] {
+    background-color: var(--board-title);
+    color: var(--background-rest);
+}
+
+.upload-list {
+    max-height: none;
+}
+
+.upload-item p {
+    max-height: 2.5em;
+}

gulp/res/css/themes/favela.css

@@ -0,0 +1,145 @@
+/*tema favela adaptado ao ptchan*/
+:root {
+    --icon-color: invert(17%) sepia(89%) saturate(7057%) hue-rotate(2deg) brightness(93%) contrast(120%);
+    --alt-label-color: #d6f0da;
+    --alt-font-color: #333;
+    --background-top: #eefff2;
+    --background-rest: #eefff2;
+    --navbar-color: #d6f0da;
+    --post-color: #d6f0da;
+    --post-outline-color: transparent;
+    --label-color: #d6f0da;
+    --box-border-color: #d6f0da;
+    --darken: #0000000f;
+    --highlighted-post-color: #d6bad0;
+    --highlighted-post-outline-color: transparent;
+    --board-title: #b90000;
+    --hr: #DDD;
+    --font-color: #333;
+    --name-color: #117743;
+    --capcode-color: #f00;
+    --subject-color: #004A99;
+    --link-color: #34345c;
+    --post-link-color: #34345c;
+    --link-hover: #8d0000;
+    --input-borders: #d2d2d2;
+    --input-color: #333;
+    --input-background: #f5f5f5;
+    --dice-color: maroon;
+    --title-color: #d70000;
+    --greentext-color: #789922;
+    --pinktext-color: #E0727F;
+}
+
+.post-container, #float .post-container, .stickynav, .pages, .toggle-summary, .catalog-tile, #livetext, #threadstats {
+	border-width: 0 1px 1px 0;
+}
+a.quote {
+    color:var(--post-link-color);
+}
+
+.alt {
+    background: var(--label-color);
+    color: var(--font-color);
+}
+
+td, th {
+    padding: 5px;
+    overflow-wrap: anywhere;
+    padding: 6px;
+}
+
+table {
+    background: var(--background-rest);
+    border-radius: 5px;
+}
+
+#float .post-container, #livetext, #threadstats, .catalog-tile, .pages, .post-container, .stickynav, .toggle-summary {
+    border-width: 1px 1px 1px 1px;
+    border-radius: 5px;
+}
+
+.post-container {
+    padding: 10px;
+}
+
+.toggle-summary {
+    padding: 13px;
+}
+
+#postform {
+
+    border-radius: 5px;
+}
+
+#dragHandle {
+
+    border-radius: 5px;
+}
+
+.label, .rlabel {
+	border: none;
+    border-radius: 5px;
+    padding: 5px;
+}
+
+.modal {
+
+    border-radius: 5px;
+    padding: 5px;
+}
+
+.post-date{
+    opacity: 0.5;
+}
+
+img {
+    border-radius: 5px;
+}
+
+video {
+    border-radius: 5px;
+}
+
+@media only screen and (max-width: 600px) {
+.post-info {
+    background: var(--darken);
+    margin: -6.5px -6.5px 5px -6.5px;
+    border-bottom: 1px solid var(--post-outline-color);
+    border-radius: 5px;
+}
+
+.container {
+    padding: 5px;
+    
+}
+}
+
+.user-id {
+    text-shadow: none;
+    color: #fff;
+    padding: 1px 5px;
+    border: none;
+    border-radius: 5px;
+}
+
+.bottom-reply {
+    border-radius: 5px;
+}
+
+.collapse {
+    border-radius: 5px;
+}
+
+body {
+	background: url(/css/themes/favelafundo.jpg) repeat 0 0 azure
+}
+
+.logo {
+
+	content: url(/asset/br/5da6fb306dd164cdb229d61642fbd971f288a2fd8409efac82361fadb4c0b978.png);
+  }
+
+hr {
+    border-top: 1px solid var(--post-color);
+}

gulp/res/css/themes/ptchan.css

@@ -0,0 +1,137 @@
+/*tema ptchan.org do angolano tens que pagar para usar*/
+:root {
+	--icon-color:invert(17%)sepia(89%)saturate(7057%)hue-rotate(2deg)brightness(93%)contrast(120%);
+	--alt-label-color: #800;
+	--alt-font-color: #fff;
+	--background-top: #fed6af90;
+	--background-rest: #ffe;
+	--navbar-color: #f0e0d6;
+	--post-color: #f0e0d6;
+	--post-outline-color: #d9bfb7;
+	--label-color: #EA8;
+	--box-border-color: #000;
+	--darken: #ead6ca;
+	--highlighted-post-color: #f0c0b0;
+	--highlighted-post-outline-color: #d99f91;
+	--board-title: #af0a0f;
+	--hr: #D9BFB7;
+	--font-color: #800000;
+	--name-color: #117743;
+	--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;
+	--pinktext-color:#E0727F;
+}
+
+.post-container, #float .post-container, .stickynav, .pages, .toggle-summary, .catalog-tile, #livetext, #threadstats {
+	border-width: 0 1px 1px 0;
+}
+a.quote {
+    color:var(--post-link-color);
+}
+
+.alt {
+    background: var(--label-color);
+    color: var(--font-color);
+}
+
+td, th {
+    padding: 5px;
+    overflow-wrap: anywhere;
+    padding: 6px;
+}
+
+table {
+    background: var(--background-rest);
+    border: 1px solid var(--highlighted-post-color);
+    border-radius: 5px;
+}
+
+#float .post-container, #livetext, #threadstats, .catalog-tile, .pages, .post-container, .stickynav, .toggle-summary {
+    border-width: 1px 1px 1px 1px;
+    border-radius: 5px;
+}
+
+.post-container {
+    padding: 10px;
+}
+
+.toggle-summary {
+    padding: 13px;
+}
+
+#postform {
+
+    border-radius: 5px;
+}
+
+#dragHandle {
+
+    border-radius: 5px;
+}
+
+.label, .rlabel {
+	border: none;
+    border-radius: 5px;
+    padding: 5px;
+}
+
+.modal {
+
+    border-radius: 5px;
+    padding: 5px;
+}
+
+.post-date{
+    opacity: 0.5;
+}
+
+img {
+    border-radius: 5px;
+}
+
+video {
+    border-radius: 5px;
+}
+
+@media only screen and (max-width: 600px) {
+.post-info {
+    background: var(--darken);
+    margin: -6.5px -6.5px 5px -6.5px;
+    border-bottom: 1px solid var(--post-outline-color);
+    border-radius: 5px;
+}
+
+.container {
+    padding: 5px;
+    
+}
+}
+
+.user-id {
+    text-shadow: none;
+    color: #fff;
+    padding: 1px 5px;
+    border: none;
+    border-radius: 5px;
+}
+
+.bottom-reply {
+    border-radius: 5px;
+}
+
+.collapse {
+    border-radius: 5px;
+}
+
+body {
+    background: url(/css/themes/ptchanfundo.png) repeat 0 0 #ffe
+}

gulp/res/css/themes/vapor.css

@@ -70,3 +70,8 @@ a:active, a:hover {
 .captcha {
 	filter: invert(90%) sepia(100%) saturate(100) hue-rotate(194deg);
 }
+
+.logo {
+
+	content: url(https://ptchan.org/asset/i/5ba0114fa31dd25b779bdd9b5caa11511eb597ef398130ed68ab744f382a1013.png);
+  }

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

@@ -34,3 +34,4 @@
 .post-container, #float .post-container, .stickynav, .pages, #action-menu, .catalog-tile, #livetext, #threadstats, .collapse, .bottom-reply {
 	border-width: 0 1px 1px 0;
 }
+

gulp/res/css/themes/yotsuba.css

@@ -1,40 +0,0 @@
-/*yotsuba b*/
-:root {
-	--icon-color:invert(17%)sepia(89%)saturate(7057%)hue-rotate(2deg)brightness(93%)contrast(120%);
-	--alt-label-color: #800;
-	--alt-font-color: #fff;
-	--background-top: #fed6af90;
-	--background-rest: #ffe;
-	--navbar-color: #f0e0d6;
-	--post-color: #f0e0d6;
-	--post-outline-color: #d9bfb7;
-	--label-color: #fca;
-	--box-border-color: #000;
-	--darken: #00000010;
-	--highlighted-post-color: #f0c0b0;
-	--highlighted-post-outline-color: #d99f91;
-	--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;
-	--pinktext-color:#E0727F;
-}
-
-.post-container, #float .post-container, .stickynav, .pages, #action-menu, .catalog-tile, #livetext, #threadstats, .collapse, .bottom-reply {
-	border-width: 0 1px 1px 0;
-}
-
-tr, tr:nth-child(2n+1) {
-    background: #fff;
-}