На любой странице с Sigma-9:
[[include theme:foxtrot]]
Что это?
Foxtrot - эстетическая тема, основанная на Sigma-9. Её цель — имитировать визуальный стиль крупного предстоящего обновления Basalt — совмещая современный "плоский" дизайн с удобством ранних тем Sigma-9.
Её можно рассматривать как промежуточную тему для тех, кто хочет воспользоваться новым внешним видом Basalt до его обновления.
Тема Foxtrot основана на множестве уже существующих тем, в частности Blankstyle и Penumbra. В неё встроены и светлый, и тёмный вариант, причём статьи можно легко переключать между ними.
1 Варианты
1.1 On Guard 43
[[include theme:foxtrot canada=a]]
1.2 S&C Plastics
[[include theme:foxtrot slothspit=a]]
1.3 From 120's Archives
[[include theme:foxtrot poland=a]]
1.4 Vanguard
[[include theme:foxtrot vanguard=a]]
1.5 Threshold
[[include theme:foxtrot threshold=a]]
1.6 Overwatch
[[include theme:foxtrot overwatch=a]]
1.7 Shark Punching Center
[[include theme:foxtrot spc=a]]
1.8 The Fishing Council
[[include theme:foxtrot fishing=a]]
1.9 NIGHTFALL
[[include theme:foxtrot nightfall=a]]
1.10 War On All Fronts
[[include theme:foxtrot hybrasil=a]]
1.11 Global Occult Coalition
[[include theme:foxtrot goc=a]]
1.12 Halloween
[[include theme:foxtrot spooky=a]]
1.13 Тёмный режим
Для использования тёмного варианта темы, добавьте параметр dark=a. Несколько параметров можно передать, разделив их |. Например, вот так:
[[include theme:foxtrot dark=a|threshold=a]]
2 Настройки
2.1 Переменные
Далее представлены переменные CSS, которые можно использовать для управления аспектами данной темы.
Basics
--header-title — Основной текст хедера страницы.- Значение по умолчанию:
"SCP Foundation"
--header-subtitle — Подтекст хедера страницы.- Значение по умолчанию:
"ОБЕЗОПАСИТЬ, УДЕРЖАТЬ, СОХРАНИТЬ"
--logo-img — Изображение, отображаемое в хедере.- Значение по умолчанию:
url(https://files.scpfoundation.net/local--files/theme:foxtrot/fxtrt-scp_logo_lightmode.svg) - Значение по умолчанию (тёмный вариант):
url(https://files.scpfoundation.net/local--files/theme:foxtrot/fxtrt-scp_logo_darkmode.svg)
--logo-opacity — Прозрачность изображения, отображаемого в хедере.- Значение по умолчанию:
14% - Значение по умолчанию (тёмный вариант):
30%
Цвета
--accent — Акцентный цвет темы. (RGB)- Значение по умолчанию:
59, 59, 59 - Значение по умолчанию (тёмный вариант):
153, 187, 255
--header-txt-color — Цвет основного текста в хедере.- Значение по умолчанию:
#333333 - Значение по умолчанию (тёмный вариант):
rgb(var(--accent))
--misc-txt-color — Цвет всего остального текста в и рядом с хедером.- Значение по умолчанию:
#464646 - Значение по умолчанию (тёмный вариант):
var(--dark-txt-color)
--link-txt-color — Цвет текста и фона ссылок.- Значение по умолчанию:
#E6283C - Значение по умолчанию (тёмный вариант):
rgb(var(--accent))
--darkmode-gradient-top — Цвет, с которого начинается градиент фона страницы в тёмном варианте.- Значение по умолчанию (тёмный вариант):
var(--dark-bg-1)
--darkmode-gradient-bottom — Цвет, которым заканчивается градиент фона страницы в тёмном варианте.- Значение по умолчанию (тёмный вариант):
var(--dark-bg-2)
--dark-bg-1 — Первый из двух цветов фона для элементов в тёмном варианте.- Значение по умолчанию (тёмный вариант):
#21252E
--dark-bg-2 — Второй из двух цветов фона для элементов в тёмном варианте.- Значение по умолчанию (тёмный вариант):
#2F333C
--dark-txt-color — Базовый цвет текста в тёмном варианте.- Значение по умолчанию (тёмный вариант):
#EDEDED
Шрифты
--head-font — Шрифт для текста в хедере и заголовков страницы.- Значение по умолчанию:
Lexend
--page-font — Шрифт для основного содержимого статьи.- Значение по умолчанию:
verdana
--ui-font — Шрифт для элементов, не относящихся к содержимому статьи.- Значение по умолчанию:
Sofia Sans
--mono-font — Шрифт блока с исходным кодом страницы.- Значение по умолчанию:
JetBrains Mono
--base-font-size — Размер шрифта для элементов, не относящихся к содержимому статьи.- Значение по умолчанию:
0.9rem
--page-font-size — Размер шрифта для содержимого статьи.- Значение по умолчанию:
1rem
3 Элементы
3.1 Блоки
Блоки, которые включены в тему или изменены ею.
[[div class="blockquote"]]
3.2 Окрашивание
Многие элементы можно окрасить, обернув их в блок с классом tableX.
table1 соответствует зелёному,
table2 соответствует синему,
table3 соответствует жёлтому,
table4 соответствует оранжевому,
table5 соответствует красному,
и table6 соответствует пурпурному.
Эта система спроектирована так, чтобы перекликаться с цветами Системы классификации аномалий, где каждый цвет означает свой уровень допуска.
| Обычная таблица |
|---|
| Тут текст |
| Тут текст |
| Тут текст |
Таблица с классом table2 |
|---|
| Тут текст |
| Тут текст |
| Тут текст |
Таблица с классом table5 |
|---|
| Тут текст |
| Тут текст |
| Тут текст |
3.3 Дополнительно
Несколько дополнительных советов.
- Оформление спойлеров, которое сильно изменено в этой теме, может быть сброшено до изначального, если их обернуть в блок с классом
default-col.
- Почти любому элементу можно придать скруглённые края, если поместить его в блок с классом
round.
- Параметр
hidetitle=a скрывает заголовок страницы.
- Параметр
wide=a расширяет ширину страницы, однако это может помешать каким-либо блокам со смещением (поддержка таких блоков встроена в эту тему).
- Параметр
verdana=a переключает шрифт тела статьи на Verdana.
