Or even
/* spooky theme */
@import "./syntax/srcery.css";
:root {
--background-color: #33110E;
--background-gradient: var(--background-color);
--text-color: #c5c8c6;
--contrast-color: #5F1003;
--menu-color: #333;
--background-highlight-color: #282a2e;
--horizon-sep-color: none;
--border-color: #CF7B20;
--marked-color: #8D3312;
--marked-border-color: #8D3312;
--board-title-color: #F9C10E;
/*--board-shadow-color: inherit;*/
--index-text-color: var(--text-color);
--link-color: orange;
--link-hover-color: yellow;
--navbar-text-color: var(--horizon-sep-color);
--table-every-other-color: var(--contrast-color);
/*--button-color: #fed;*/
--sfw-indicator-color: navy;
--subject-color: #FF6C00;
--thread-navbar-background: var(--background-color);
--thread-navbar-color: var(--border-color);
--logo-image: url("/.static/logo/logo_blue_light.png");
}
.quoteLink {
color: var(--link-color);
}
.quoteLink:hover {
color: var(--link-hover-color);
}
code {
background-color: rgba(0,0,0,0.15);
}
.modalTableBody input[type="text"], .modalTableBody select,[Expand Post]
#themeSelector,
#modalAnswer,
#cssInput, #jsInput,
#postingForm input[type="text"], #postingForm textarea,
#quick-reply input[type="text"], #quick-reply textarea {
color: var(--text-color);
background-color: var(--background-color);
}
#themeSelector {
border-color: var(--navbar-text-color);
}
/* ----------- SEPARATOR ----------- */
.floatingMenu {
background-color: var(--contrast-color);
}
.noEmailName, .noEmailName:hover {
color: #DDD1AE;
}
.greenText {
color: #2FA71C;
}
.pinkText {
color: #ff748c;
}
.redText {
color: #FA4113;
}
.echoText {
background: var(--contrast-color);
color: #ffc0cb;;
}
.doomText {
color: #F78F1E;
font-family: Vorvolaka;
}
@font-face {
font-family: Vorvolaka;
src: url(/.media/47b54869162ec3709cce0b3a7f3faf862f461923d5701ed329fb3695d9eaf997);
}
#quick-reply th,
#newPostFieldset legend,
#postingForm th, .modalTableBody th {
background: var(--marked-color);
}
.boardHeader p, #overboardId {
font-family: Vorvolaka;
font-size: 360%;
}
div.innerOP {
position: relative;
border: 3px dotted orange;
border-radius: 6px;
}
div.innerOP::after {
content: "";
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
background: var(--contrast-color);
border-radius: 6px;
opacity: 0.9;
z-index: -1;
}
/* Corner Mascot & Background */
body {
background-image: url(/.media/88bbfc064b99888f93b8d30dce24646983050590747ef500accb2389c96ee8d3.png),
url(/.media/f4ad50261408d946bb5200ee7f53a4f60803ae746c91ec8caf0e493f8126dff4.png);
background-repeat: repeat, repeat;
background-attachment: fixed, fixed;
background-position:right bottom, bottom;
background-blend-mode: normal, normal;
background-size: auto, auto;
}