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:
parent
bfac325453
commit
62784a99f7
7 changed files with 193 additions and 9 deletions
59
frontend/sass/darkbunker.scss
Normal file
59
frontend/sass/darkbunker.scss
Normal 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;
|
||||
}
|
33
frontend/sass/darkbunker/_img.scss
Normal file
33
frontend/sass/darkbunker/_img.scss
Normal 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;
|
||||
}
|
10
frontend/sass/darkbunker/_vars.scss
Normal file
10
frontend/sass/darkbunker/_vars.scss
Normal 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;
|
|
@ -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 {
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
$bgcol: #eee;
|
||||
$dropdowncol: #222;
|
||||
$replycol: #ddd;
|
||||
$replyborder: #ccc;
|
||||
$fontcol: #333;
|
||||
|
|
83
html/css/darkbunker.css
Normal file
83
html/css/darkbunker.css
Normal 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;
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue