1
0
Fork 0
mirror of https://github.com/Eggbertx/gochan.git synced 2025-08-03 11:46:22 -07:00

Add Dark Bunker theme

This commit is contained in:
Eggbertx 2024-11-20 22:59:34 -08:00
parent bfac325453
commit 62784a99f7
7 changed files with 193 additions and 9 deletions

View file

@ -0,0 +1,59 @@
@import './darkbunker/img';
@import './darkbunker/vars';
@import './util';
body {
background: $bgcol;
color: $txtcol;
font-family: arial,helvetica,sans-serif;
font-size: 10pt;
}
div#topbar {
background: $topbarcol;
border-bottom: 2px solid $linkcol;
* {
padding: 0px;
}
}
hr {
color: $bordercol;
}
a {
color: $linkcol;
text-decoration: none;
}
a:hover {
background: inherit;
color: $linklight;
}
header {
h1, div#board-subtitle {
font-family: tahoma;
color: $headercol;
}
}
th, div.reply {
background: $gridcol;
border: 1px solid $bordercol;
}
div.section-block {
border: 1px solid white;
div.section-title-block {
background: $blocktitle;
border: 1px solid white;
font-weight: bold;
}
}
div#frontpage div.section-block:first-child {
background: $gridcol;
// border: none;
}

View file

@ -0,0 +1,33 @@
@import './vars';
div#content, div#qr-box {
color: $txtcol;
border: 1px double $inputshadow;
border-radius: 5px;
textarea,
input:not([type="file"]):not([type="checkbox"]),
[type="submit"],
select {
color: $txtcol;
background: $gridcol;
border: 1px solid $inputshadow;
border-radius: 5px;
}
}
div#qr-box {
background: $gridcol;
}
form#postform, form#qrpostform {
a.browse-text {
background: rgba(200, 200, 200, 0.5);
color: rgba(0, 0, 0, 0.5);
}
}
div#staffmenu, div#watchermenu {
background: black;
border: 1px solid $txtcol;
}

View file

@ -0,0 +1,10 @@
$bgcol: #1d1f21;
$txtcol: #ACACAC;
$topbarcol: #151515;
$linkcol: #FFB300;
$linklight: #d00;
$gridcol: #282A2E;
$bordercol: #117743;
$inputshadow: #07371F;
$headercol: #AF0A0F;
$blocktitle: #8B0000;

View file

@ -18,19 +18,17 @@ div#topbar, div.dropdown-menu {
}
div#topbar {
// @include box-shadow(0px 2px 2px 2px $shadowcol);
@include shadow-filter(0px 2px 2px $shadowcol);
}
.dropdown-menu {
color: #FFF;
background: #000!important;
// @include box-shadow(2px 2px 2px 3px $shadowcol);
@include shadow-filter(2px 2px 3px $shadowcol);
z-index: 0;
/* div:hover {
background: $bglight;
} */
div:hover {
background: $dropdowncol;
}
}
header, div#top-pane, a {

View file

@ -1,4 +1,5 @@
$bgcol: #eee;
$dropdowncol: #222;
$replycol: #ddd;
$replyborder: #ccc;
$fontcol: #333;

83
html/css/darkbunker.css Normal file
View file

@ -0,0 +1,83 @@
div#content, div#qr-box {
color: #ACACAC;
border: 1px double #07371F;
border-radius: 5px;
}
div#content textarea,
div#content input:not([type=file]):not([type=checkbox]),
div#content [type=submit],
div#content select, div#qr-box textarea,
div#qr-box input:not([type=file]):not([type=checkbox]),
div#qr-box [type=submit],
div#qr-box select {
color: #ACACAC;
background: #282A2E;
border: 1px solid #07371F;
border-radius: 5px;
}
div#qr-box {
background: #282A2E;
}
form#postform a.browse-text, form#qrpostform a.browse-text {
background: rgba(200, 200, 200, 0.5);
color: rgba(0, 0, 0, 0.5);
}
div#staffmenu, div#watchermenu {
background: black;
border: 1px solid #ACACAC;
}
body {
background: #1d1f21;
color: #ACACAC;
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
}
div#topbar {
background: #151515;
border-bottom: 2px solid #FFB300;
}
div#topbar * {
padding: 0px;
}
hr {
color: #117743;
}
a {
color: #FFB300;
text-decoration: none;
}
a:hover {
background: inherit;
color: #d00;
}
header h1, header div#board-subtitle {
font-family: tahoma;
color: #AF0A0F;
}
th, div.reply {
background: #282A2E;
border: 1px solid #117743;
}
div.section-block {
border: 1px solid white;
}
div.section-block div.section-title-block {
background: #8B0000;
border: 1px solid white;
font-weight: bold;
}
div#frontpage div.section-block:first-child {
background: #282A2E;
}

View file

@ -53,15 +53,15 @@ div#topbar {
-webkit-filter: drop-shadow(2px 2px 3px #292929);
filter: drop-shadow(2px 2px 3px #292929);
z-index: 0;
/* div:hover {
background: $bglight;
} */
}
.dropdown-menu div:hover {
background: #222;
}
header, div#top-pane, a {
color: #f60;
}
#-title, #board-title {
#site-title, #board-title {
font-weight: 800;
}