Random Theme

рейтинг: 3.9

6/83%

Black Highlighter port of the Penumbra Theme by EstrellaYoshte

Theme Colors

Tuna--gray-monochrome(47, 51, 60)

Summer Sky--bright-accent(30, 181, 232)

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

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

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

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

White Smoke--white-monochrome(248, 248, 248)

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

Black Rock--dark-gray-monochrome(47, 51, 60)

Cinder--black-monochrome(33, 37, 46)

{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}

{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$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}

Usage

Note: This is a Black Highlighter based theme. You will need to import the Black Highlighter theme as well in order to use this theme. To learn more go here.

On any wiki:

[[include theme:penumbra-bhl]]

CSS Variables are identical to the original theme for easy(ish) replacement, if desired. [See Below]

EXCEPT the --accentColor will need to be converted to rgb. For instance #1EB5E8 will have to be converted to 30, 181, 232. Useful tool for this here.

DO NOT include rgb( ) when converting the hex color. Just the three numbers.

:root {
--header-title: "BIG HEADER TITLE";
--header-subtitle: "small header subtitle";
--lgurl: url("your url here");
--accentColor: COLOR HERE;
}

Examples

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

This is a tab view.

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

[[div class="darkbox"]]

The sidebox div is set up as follow:

[[div class="limit"]] <— Set the start limit of the anchor
[[div class="anchor"]] <— Set sidebox's sticky position
[[div class="sidebox"]]
Some sidebox text here.
[[/div]]
[[/div]]

Text where sidebox scroll past.

[[/div]] <— Set the end limit of the anchor

Example

Without the limit div, the anchor will be stickied across the entire page content once past its sticky position.

Note that the sidebox div minimizes on mobile, or screenwidth of 1290px and below.

The header font is Jost.

The body font is Roboto.

The monospace font is Fira Code.

#header {
    background-image: url('/local--files/theme:sandbox-classic-theme/logo.png');
}

#header h1 a, #header h2 span {
    color: transparent;
    text-shadow: none;
}

#header h1 a::before {
    content: 'SCP Sandbox';
    color: rgb(238, 238, 238);
    text-shadow: 3px 3px 5px #000;
}

#header h2 span::before {
    content: 'Осторожно! Идут испытания!';
    color: rgb(240, 240, 192);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
}

Структурные: публичный_черновик

версия страницы: 3, Последняя правка: 23 Авг. 2023, 15:18 (442 дня назад)

Пока не указано иное, содержимое этой страницы распространяется по лицензии Creative Commons Attribution-ShareAlike 3.0 License.

SCP Foundation

Russian Branch

Список доступных тегов

Список доступных тегов

Black Highlighter port of the Penumbra Theme by EstrellaYoshte

Theme Colors

Usage

Note: This is a Black Highlighter based theme. You will need to import the Black Highlighter theme as well in order to use this theme. To learn more go here.

Examples

First Title

Second Title

Third Title

Fourth Title

Fifth Title

Sixth Title

The header font is Jost.