Monotypical Theme

Monotypical Theme

Rating:

rating: +87+x

Rating w/ Credit Module:

  • rating: +87+x

This is an aesthetic theme by EstrellaYoshteEstrellaYoshte, with additional help by WoedenazWoedenaz. To use it, copy the following into your article:

[[include :scp-wiki:theme:monotypical]]


mono.png

Image.

A horizontal rule can be created with 4 hyphens "----"1 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.

This is a tab view.2

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
1 2
3 4
Who's the greatest of them all?
#hexadecimal #supremacy

Header and UI font is Urbanist.

Body font is Ubuntu.

Monospace font is Fira Code.

Deep Dive

[[div class="monoboxical"]]

Hello world!

[[div class="meta-title"]]

Insert title here


Monotypical hides the regular title by default, so meta-title is used instead.

[[div class="header-center"]]

Centered H1

Centered H2

Centered H5

Due to the way headers work in this theme, they need to be put inside a header-center div to properly center.

It also centers regular text.

CSS Variables
Monotypical's appearance is controlled by the following variables:

:root {
    --linkColor: #FC8391;
    --linkColor-newpage: #FC9958;
 
    --primaryBackgroundColor: #F9F9F9;
    --secondaryBackgroundColor: #EFEFEF;
    --tertiaryBackgroundColor: #E2E2E2;
    --borderColor: #C6C6C6;
 
    --shadow: rgba(0,0,0,0.225);
 
    --selectionColor: #FFE419;
    --textColor: #0E0E0E;
    --textColor-alt: #8E8E8E;
 
    /*----- Technical Variables -----*/
 
    --body-font: 'Ubuntu', system-ui, sans-serif;
    --header-font: 'Urbanist', Nanum Gothic, sans-serif;
    --UI-font: var(--header-font);
    --mono-font: 'Fira Code', Courier, monospace;
    --header-title: 'SCP FOUNDATION';
 
    --sidebar-width: 17rem;
    --sidebar-timing: 0.275s ease-out;
    --page-content-width: 60rem;
 
    --radius-adjust: 1.125rem;
    --link-timing: .125s ease-out;
}

All of these can be changed to alter the default look of Monotypical. Here are some presets to put after the [[include]]:


mono-nord.png
:root {
    --linkColor: #88C0D0;
 
    --primaryBackgroundColor: #ECEFF4;
    --secondaryBackgroundColor: #E5E9F0;
    --tertiaryBackgroundColor: #D8DEE9;
    --borderColor: #4C566A;
 
    --shadow: rgba(46,52,64,0.25);
 
    --selectionColor: #EBCB8B;
    --textColor: #2E3440;
    --textColor-alt: #434C5E;
}
#side-bar, #license-area {
    --secondaryBackgroundColor: #2E3440;
    --tertiaryBackgroundColor: #434C5E;
    --textColor: #D8DEE9;
}

mono-solarized.png
:root {
    --linkColor: #2aa198;
 
    --primaryBackgroundColor: #fdf6e3;
    --secondaryBackgroundColor: #eee8d5;
    --tertiaryBackgroundColor: #002b36;
    --borderColor: #93a1a1;
 
    --shadow: rgba(0,0,0,0.2);
 
    --selectionColor: #268bd2;
    --textColor: #586e75;
    --textColor-alt: #C39006;
}
#side-bar .heading, #license-area {
    --textColor: #fdf6e3;
}

mono-dracula.png
:root {
    --linkColor: #FF799A;
 
    --primaryBackgroundColor: #282A36;
    --secondaryBackgroundColor: #2F3142;
    --tertiaryBackgroundColor: #BD93F9;
    --borderColor: #6272A4;
 
    --shadow: rgba(96,213,248,0.3);
 
    --selectionColor: #50FA7B;
    --textColor: #F8F8F2;
    --textColor-alt: #6272A4;
}

Feel free to experiment with your own color scheme!

Source Code

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License