diff --git a/gulp/res/css/style.css b/gulp/res/css/style.css index 7f42445c..dd9e0c4f 100644 --- a/gulp/res/css/style.css +++ b/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? diff --git a/gulp/res/css/themes/gurochan.css b/gulp/res/css/themes/gurochan.css index 9339f743..13be929d 100644 --- a/gulp/res/css/themes/gurochan.css +++ b/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; diff --git a/gulp/res/css/themes/lain.css b/gulp/res/css/themes/lain.css index e44fb478..f1181c1d 100644 --- a/gulp/res/css/themes/lain.css +++ b/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; diff --git a/gulp/res/css/themes/makaba.css b/gulp/res/css/themes/makaba.css index 52a59bff..c004fbf7 100644 --- a/gulp/res/css/themes/makaba.css +++ b/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; diff --git a/gulp/res/css/themes/rei-zero.css b/gulp/res/css/themes/rei-zero.css index ca6ad92b..4e51c037 100644 --- a/gulp/res/css/themes/rei-zero.css +++ b/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; diff --git a/gulp/res/css/themes/sushi.css b/gulp/res/css/themes/sushi.css index 25a2a12f..48fe10bc 100644 --- a/gulp/res/css/themes/sushi.css +++ b/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; diff --git a/gulp/res/css/themes/tomorrow.css b/gulp/res/css/themes/tomorrow.css index e2d5769c..ee3f6ffa 100644 --- a/gulp/res/css/themes/tomorrow.css +++ b/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; diff --git a/gulp/res/css/themes/yotsuba b.css b/gulp/res/css/themes/yotsuba b.css index 8a93e84c..8340ca24 100644 --- a/gulp/res/css/themes/yotsuba b.css +++ b/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; diff --git a/gulp/res/css/themes/yotsuba.css b/gulp/res/css/themes/yotsuba.css index 9d4fa992..b045f2f3 100644 --- a/gulp/res/css/themes/yotsuba.css +++ b/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; diff --git a/views/mixins/newspost.pug b/views/mixins/newspost.pug index a2d6144b..03af58a3 100644 --- a/views/mixins/newspost.pug +++ b/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)}...`} diff --git a/views/pages/home.pug b/views/pages/home.pug index ad83b7c7..761c5f22 100644 --- a/views/pages/home.pug +++ b/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