Digi-BHL Theme

Usage

On any wiki:

[[include :scp-sandbox-3:digi-bhl]]

Optional Addons

---

Dark Sidebar

[[include :scp-wiki:component:bhl-dark-sidebar]]

Collapsible Sidebar

[[include :scp-wiki:component:collapsible-sidebar]]

What this is

This here is a custom BHL theme by JaonHax himself. If you have issues using the theme, contact him on Wikidot, IRC (JaonHax), or Discord (JaonHax#6048) and he'll get you sorted.

Theme Colors

gray-monochrome(66, 66, 72)

bright-accent(0, 255, 0)

very-light-gray-monochrome(215, 215, 215)

pale-gray-monochrome(244, 244, 244)

dark-gray-monochrome(48, 48, 52)

medium-accent(0, 185, 0)

dark-accent(0, 100, 0)

newpage-color(60, 185, 60)

Examples

SCP Foundation Logo

A horizontal rule can be created with 5 hyphens "-----" and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.

---

Titles can be created by putting between one and six plus "+" at the start of the line

+ Titles

First Title

Second Title

Third Title

Fourth Title

Fifth Title

Sixth Title

Tabulator

This is a tab view.

Tabulation

Hey look, more text here.

How quaint.

Long Tab

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This empty tab has a really long name for some odd reason. I wonder why? It is very strange.

Empty Tab

Empty Tab

Empty Tab

Empty Tab

Empty Tab

This is a blockquote, created by putting "> " at the start of each line.
More text

---

That's a horizontal rule

Nested blockquotes

This is a	table
You should know	how to make these
already

Code:

+ Show Code

@import url('https://fonts.googleapis.com/css2?family=VT323');
 
:root {
    --logo-image:url("http://scp-sandbox-3.wikidot.com/local--files/digi-bhl/Digi-BHL-SCP-Logo.svg");
    --theme-base:"black-highlighter";
    --theme-id:"digi-bhl";
    --theme-name:"Digi-BHL Theme";
    --header-title:"SCP FOUNDATION";
    --header-subtitle:"SECURE, CONTAIN, PROTECT";
    --header-font:'VT323','Courier New',Courier,monospace;
    --title-font:'PT Mono','Andale Mono','Courier New',Courier,monospace;
    --mono-font:'PT Mono','Andale Mono','Courier New','Courier',monospace;
    --header-gradient-color-bottom:var(--black-monochrome);
    --header-gradient-color-middle:0,0,0;
    --header-gradient-color-top:var(--black-monochrome);
    --gradient-header: linear-gradient(
        to top,
        rgb(var(--header-gradient-color-bottom)) 0%,
        rgb(var(--header-gradient-color-middle)) 50%,
        rgb(var(--header-gradient-color-top)) 100%
    );
    --diagonal-stripes: repeating-linear-gradient(
        60deg,
        hsla(0, 0%, 100%, 0),
        hsla(0, 0%, 100%, 0) 0.25vh,
        rgba(44, 44, 44, 0.1) 0.35vh,
        rgba(44, 44, 44, 0.2) 0.5vh
    );
    --bright-accent:0,255,0;
    --pale-accent:100,255,100;
    --medium-accent:0,185,0;
    --dark-accent:0,100,0;
    --swatch-background:var(--black-monochrome);
    --swatch-text-dark:var(--black-monochrome);
    --swatch-text-light:var(--white-monochrome);
    --swatch-important-text:var(--bright-accent);
    --background-gradient-color:var(--dark-accent);
    --swatch-headerh2-color:var(--pale-accent);
    --swatch-topmenu-border-color:var(--black-monochrome);
    --swatch-topmenu-bg-color:var(--dark-gray-monochrome);
    --swatch-menutxt-light-color:200,255,200;
    --rating-module-button-color: var(--white-monochrome);
    --rating-module-button-plus-color: 0, 200, 0;
    --rating-module-button-negative-color: 200, 0, 0;
    --rating-module-button-cancel-color: 200, 200, 200;
    --rating-module-button-credit-color: 50, 50, 50;
    --rating-module-text-color: var(--white-monochrome);
    --rating-module-text-hover-color: var(--swatch-menutxt-dark-color);
    --alt-accent:60,185,60;
}
.content-panel {
    --box-shadow-1:rgba(var(--swatch-text-light,12,12,12),0.16);--box-shadow-2:rgba(var(--swatch-text-light,12,12,12),0.23);--box-shadow-3:rgb(var(--swatch-menubg-medium-color,170,170,170));-webkit-border-radius: .625rem;
}
.bblock,.dblock, {
    color:rgb(var(--swatch-text-light));
}
.page-rate-widget-box {
    background-color:rgb(var(--dark-gray-monochrome));
}
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    box-shadow:0 0.3125rem 0.175rem 0 rgb(var(--medium-accent));
    background-color:rgb(var(--dark-accent));
}
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background-color:rgb(var(--dark-gray-monochrome));
    color:rgb(var(--swatch-text-light));
}
.code {
    background-color:rgb(var(--dark-gray-monochrome));
}
.code * {
    color:rgb(var(--white-monochrome));
}
.code span.hl-var {
    color:rgb(var(--pale-accent));
}
.code span.hl-reserved {
    color:#88f;
}
.code span.hl-brackets {
    color:#6d6;
}
.code span.hl-special {
    color:rgb(var(--bright-accent));
}
.code span.hl-number {
    color:#f55;
}
.code span.hl-string {
    color:#66f;
}
div.blockquote, blockquote {
    background-color:rgb(var(--gray-monochrome));
    box-shadow:rgba(var(--light-gray-monochrome));
    border-color:rgb(var(--pale-gray-monochrome));
}
div#content-wrap {
    position:relative;
    top:-0.082rem;
}
#action-area textarea {
    background-color:rgb(var(--gray-monochrome));
    color:rgb(var(--white-monochrome));
}
#lock-info {
    background-color:rgb(var(--gray-monochrome));
}
#main-content h1,#main-content h2,#main-content h3 {
    color:rgb(var(--bright-accent));
}
#main-content h4,#main-content h5,#main-content h6,#page-title {
    color:rgb(var(--swatch-headerh2-color));
}
#page-title {
    border-bottom-color:rgb(var(--pale-accent));
}
#header h1 a:before {
    font-weight:900;
    font-size:130%;
    color:rgb(var(--bright-accent));
    text-shadow:.09rem .09rem .2rem rgba(var(--bright-accent),0.8);
    font-size-adjust: 0.58;
    letter-spacing:0.2rem;
}
#header h2 span:before {
    font-family:var(--header-font);
    font-weight:900;
    font-size:1.25rem;
    text-shadow:.07rem .07rem .14rem rgba(var(--pale-accent),0.8);
    font-size-adjust: 0.58;
    letter-spacing:0.1rem;
}
.hovertip {
    background-color:rgb(var(--dark-gray-monochrome));
    color:rgb(var(--swatch-text-light));
}
#top-bar>ul {
    margin-bottom:-0.1rem!important;
}
#action-area-top > div {
    background-color:rgba(var(--medium-accent),0.7);
    border:1px dashed rgb(var(--dark-gray-monochrome));
}
hr {
    border-top-color:rgb(var(--pale-accent));
}
#main-content {
    color:rgb(var(--swatch-text-light));
}
#page-content > div.scp-image-block > div {
    background-color:rgb(var(--gray-monochrome));
}
table.wiki-content-table th {
    background-color:rgb(var(--gray-monochrome));
}