Black Serpent Theme

Rating:

Rating w/ Credit Module:

• 

  close

  Info

  ---

  X

  Info about your page.

  ---

  More information about your page.

  ---

This is a Black Highlighter-based theme by Jerden. This was created as an alternative for the Classic Wanderer's Library theme, specifically for the Serpent's Hand Group of Interest and the Now, the Serpent series. The header image was originally created by Zyn.

---

You need to import the Black Highlighter theme as well in order to use this theme. To learn more about the Black Highlighter theme, go here.

To import this theme, add this to your page:

[[include :scp-wiki:theme:black-highlighter-theme]]
[[include :scp-wiki:theme:black-serpent]]

---

Theme Colors:

Theme Color--medium-accent(0, 100, 55)

Dark Accent--dark-accent(20, 55, 20)

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

{$subcolor1-name}{$subcolor1-variable}{$subcolor1-info}

{$subcolor2-name}{$subcolor2-variable}{$subcolor2-info}

Bright Accent--bright-accent(0, 125, 0)

Pale Accent--pale-accent(45, 110, 44)

Alternate Accent--alt-accent(71, 92, 75)

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

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

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

THE HEADER FONT IS LONDRINA OUTLINE
The Title font is Federo

---

Horizontal rules are created with 5 hyphens "- - - - -" and extends across the entire page if not placed inside anything (eg a blockquote). The line separating pages of this document are horizontal rules.¹

Titles can be created by putting between 1 and 6 plus signs ("+") at the start of the line.

+ Titles!

First Title

Second Title

Third Title

Fourth Title

Fifth Title

Sixth Title

---

This link doesn't exist.
This link does exist.
You're already here.

+ Click me, this is a Collapsible

Surprise, there's a snake inside!

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.

Longer Tab

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Empty Tab

This is a	Table
You should know	how to make these
Already

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

---

That's a horizontal rule.

Nested blockquotes

+ Alternate ways to create blockquotes

Green Border blockquote:
[[div class="blockquote"]]
Write text here
[[/div]]

Red Border blockquote:
[[div class="blockquote" style="border-left: 5px solid #823f3f"]]
Write text here
[[/div]]

Blue Border blockquote:
[[div class="blockquote" style="border-left: 5px solid #5c95e6"]]
Write text here
[[/div]]

No Border blockquote:
[[div class="blockquote" style="border-left: 1px solid #302f34"]]
Write text here
[[/div]]

+ Change Header Title and Subtitle back to Wanderer's Library: The Garden Is The Serpent's Place

--header-title: " WANDERER'S LIBRARY";
--header-subtitle: " The Garden Is The Serpent's Place";

Footnotes

1. This is a footnote.

---

Source Code:

+ Show theme code

@import url("https://api.fonts.coollabs.io/css2?family=Londrina+Outline&display=swap");
@import url("https://api.fonts.coollabs.io/css2?family=Farro&display=swap");
 
:root {
    /* S-CSS-P Integration */
    --theme-base: "nuscp";
    --theme-id: "black-serpent";
    --theme-name: "Black Serpent Theme";
 
    /* ===THEME COLORS=== */
    /* theme color */
    --medium-accent: 0, 100, 55;
    /* dark theme color */
    --dark-accent: 20, 55, 20;
    /* bright theme color, the "default" accent color*/
    --bright-accent: 0, 125, 0;
    /* pale theme color, for visited links */
    --pale-accent: 45, 110, 44;
    /* alternate accent color, for newpage links */
    --alt-accent: 71, 92, 75;
 
    /* ===THEME HEADER=== */
    --logo-image: url("https://scp-wiki.wikidot.com/local--files/theme:black-serpent/Serpents-Hand.svg");
    --header-title: "SERPENT'S HAND";
    --header-h1-font-size: calc(var(--base-font-size) * (2.4));
    --header-subtitle: "The Anomalous is on the Rise";
    --header-h2-font-size: calc(var(--base-font-size)*1);
    --header-font: 'Londrina Outline';
    --title-font: 'Farro';
}
 
/* ===PAGE CONTENT=== */
#main-content {
    --tables-header-bg: var(--medium-accent);
}
 
:is(blockquote, div.blockquote) {
       border: 1px solid rgb(var(--dark-gray-monochrome));  
       border-left: 5px solid rgb(var(--bright-accent));
       background-color: rgb(var(--pale-gray-monochrome));
}

---

‡ Licensing / Citation

Cite this page as:

"Black Serpent Theme" by Jerden, from the SCP Wiki. Source: https://scpwiki.com/theme:black-serpent. Licensed under CC BY-SA.

For information on how to use this component, see the License Box component. To read about licensing policy, see the Licensing Guide.

Filename: Serpents-Hand.svg
Name: Serpent's Hand Logo
Author: Zyn, modified by Jerden
License: CC BY-SA 3.0
Source Link: Serpent's Hand Hub