Random Theme

Bedrock

рейтинг: 4.6
4/100%

Bedrock - эстетическая тема, созданная EstrellaYoshte, Liryn и Placeholder McD, с особой благодарностью aismallard за помощь с GitHub, и Woedenaz за SVG для кнопок области редактирования и общие консультации.

Эта тема служит основой для Basalt 2.0.

Quartz--basalt-primary-color254,254,254
Calcite--basalt-secondary-color247,248,250
Lapis Lazuli--basalt-bright-element-color16,76,184
Amethyst--basalt-undertone61,71,202
Slate--basalt-overtone56,60,64
{$color6-name}{$color6-variable}{$color6-info}

Granite--basalt-tertiary-color218,219,222
Andesite--basalt-sub-text-color155,154,162
Sunstone--basalt-alternate-color255,132,0
Emerald--basalt-positive-color26,180,28
Ruby--basalt-negative-color255,48,48
Sapphire--basalt-dark-element-color18,20,150
{$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}

Для подключения темы, добавьте в код страницы:

[[include theme:bedrock]]

Примеры

Горизонтальная линия может быть создана при помощи 4 дефисов "----"1 и проходит через всю страницу, если он не находится внутри чего-либо (например, цитат). Линии, разделяющие разделы этой страницы, представляют собой горизонтальные линии.

basaltlogo.svg

Блок с изображением.

Заголовки можно создать, поставив от одного до шести плюс "+" в начале строки.

Спойлер - Нажми на меня

Это вкладки.

Это цитата, её можно создать поставив "> " в начале строки.

Больше текста

Это горизонтальная линия.

Вложенные цитаты.

ЭтоТаблица
Ты уже должен знатькак это
сделать
Сноски

Шрифт хедера - Lexend.

Шрифт тела статьи - Inter.

Шрифт интерфейса - Jost.

Моноширный шрифт - JetBrains Mono.

Переменные CSS

Bedrock построен на ряде переменных CSS, которые можно менять для управления внешним видом темы. Вот ряд высокоуровневых переменных:

:root {
    --basalt-primary-color: 254,254,254;
    --basalt-secondary-color: 247,248,250;
    --basalt-tertiary-color: 218,219,222;
    --basalt-main-text-color: 20,20,20;
    --basalt-overtone: 50,50,50;
    --basalt-undertone: 61,71,202;

    --basalt-bright-element-color: 16,76,184;
    --basalt-dark-element-color: 18,20,150;
    --basalt-alternate-color: 255,132,0;
    --basalt-positive-color: 24,163,20;
    --basalt-negative-color: 255,48,48;
    --basalt-cancel-color: var(--basalt-negative-color);
    --basalt-sub-text-color: 155,154,162;
    --basalt-light-text-color: var(--basalt-primary-color);

    --basalt-UI-dark-palette: var(--basalt-overtone);
    --basalt-focus-color: var(--basalt-undertone);
    --basalt-background-color: var(--basalt-primary-color);
}

Переменные цветов используют формат RGB.

:root {
    --header-font-primary: 'Lexend';
    --UI-font-primary: 'Jost';
    --body-font-primary: 'Inter';
    --mono-font-primary: 'JetBrains Mono';
}

Четыре типа шрифтов, используемые Bedrock.

:root {
    --header-logo: url('https://scpfoundation.net/local--files/theme:bedrock/basaltlogo.svg');
    --header-title: 'SCP Foundation';
    --header-subtitle: 'SECURE - CONTAIN - PROTECT';
    --title-size: 1.5rem;
    --subtitle-size: 0.825rem;

    --base-font-size: 1rem;
    --main-content-width: 67.5rem;
    --side-bar-width: 19rem;
}

Учтите, что из-за особенностей функции calc() в CSS, в любых переменных, использующих единицы измерения, такие как rem или px, их не следует опускать, даже если значение равно 0. Например --subtitle-size: 0rem; убирает подтекст, но не ломает функцию calc().

--main-content-width не следует использовать с %. Вместо этого, для растягивания основной области на всю ширину экрана, используйте сильно завышенное значение в rem.

Прочее

Исходный код темы можно найти на нашем GitHub.

На данный момент Bedrock не совместим со стандартной темой.

What Is This?

This is the Parawatch Anon Theme, by Пользователь 'Lt Flops' не существует.

It is a variant version of the Creepypasta Theme, created by Пользователь 'The Great Hippo' не существует.

How to Use

To use this theme, please copy this syntax onto the top of your page:

[[include :scp-wiki:theme:creepypasta]]
[[include :scp-wiki:theme:anon]]

What is this theme used for?

This theme provides a different colour scheme for the Parawatch Wiki forum structure. The title comes from the word "anon" meaning "soon; shortly" (though, I wouldn't fault you for mistaking it as an abbreviation of "Anonymous").

It is suitable for use in Parawatch articles.

[OPTIONAL]

If, for some reason, you wish to continue using the pastel yellow from the Creepypasta Theme, copy this onto your page under the above code:

[[module CSS]]
  div#header h1{
     background: url(http://scp-wiki.wdfiles.com/local--files/theme%3Aanon/parawatch-anon.png) no-repeat;
}

:root{
     --fg-accent-light: hsl(60, 100%, 90%);
     --fg-accent: hsl(60, 100%, 80%);
     --fg-accent-dark: hsl(60, 100%, 75%);
}
[[/module]]

You could technically replace these variables with any colour. Because this code uses HSL colour values over the traditional Hexadecimal or RGB, simply change the hue — but please, keep the saturation and lightness the same.

Personally, this goes against my vision for the theme. But, the option was requested, and so I thought I would make it clearly available.

Example Formatting

rook-anon.png

Image Block

L1 Heading

L2 Heading

L3 Heading

L4 Heading

L5 Heading
L6 Heading

bold | italic | underline | strikethrough | teletype | superscriptsubscript

Type 4 hyphens ("----") to create a horizontal rule:

Block Quote

Nested Block Quote

This is atable
You should knowhow to make these
already

fake code selector{
  fake code property: fake code value;
}

A link (A link you probably visited)

+ A collapsible
  1. numbered list
  2. list item
  3. list item
  • bulleted list
  • list item
  • list item

Tab content

Source Code

▷ Show Code ◁
страница 21 из 30 « предыдущая 1 2 ... 19 20 21 22 23 ... 29 30 следующая »
Структурные: публичный_черновик
версия страницы: 3, Последняя правка: 23 Авг. 2023, 15:18 (551 день назад)
Пока не указано иное, содержимое этой страницы распространяется по лицензии Creative Commons Attribution-ShareAlike 3.0 License.