Эта страница содержит визуальную тему, используемую на данной вики.
Подключение темы к другим страницам осуществляется с помощью следующего кода (указывается в начале страницы):
[[include theme:foxtrot]]
Страница, объединяющая все визуальные темы в единый список, расположена по ссылке: Хаб визуальных тем.
On any Sigma-9 page:
[[include theme:foxtrot]]
What's this?
Foxtrot is an aesthetic Sigma-9 theme designed to emulate the look and feel of a large forthcoming Basalt update — blending a modern, flat design with the quirky early-web comfiness of the Sigma-9 that came before.
It can be viewed as a transitionary theme for those looking to meet Basalt's new look halfway.
Foxtrot is based on a slew of previous themes, most notably Blankstyle and Penumbra. It is equipped with support for light and dark modes; articles can be seamlessly switched to one or the other.
1 Variants
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 Mode
To apply dark mode, add the
dark=a
modifier. Multiple modifiers are separated with
|
, like so:
[[include theme:foxtrot dark=a|threshold=a]]
2 Customization
2.1 Variables
The following are CSS variables used to control aspects of this theme.
Basics
--header-title
— The text displayed on the page header title.- Default value:
"SCP Foundation"
--header-subtitle
— The text displayed on the page header subtitle.- Default value:
"ОБЕЗОПАСИТЬ, УДЕРЖАТЬ, СОХРАНИТЬ"
--logo-img
— The image displayed on the page header.- Default value:
url(https://files.scpfoundation.net/local--files/theme:foxtrot/fxtrt-scp_logo_lightmode.svg)
- Default value (dark mode):
url(https://files.scpfoundation.net/local--files/theme:foxtrot/fxtrt-scp_logo_darkmode.svg)
--logo-opacity
— The opacity of the image displayed on the page header.- Default value:
14%
- Default value (dark mode):
30%
Colors
--accent
— The accent color of the theme. (RGB)- Default value:
59, 59, 59
- Default value (dark mode):
153, 187, 255
--header-txt-color
— The text color of the header title.- Default value:
#333333
- Default value (dark mode):
rgb(var(--accent))
--misc-txt-color
— The text color of various elements in and around the header.- Default value:
#464646
- Default value (dark mode):
var(--dark-txt-color)
--link-txt-color
— The text and background color for links.- Default value:
#E6283C
- Default value (dark mode):
rgb(var(--accent))
--darkmode-gradient-top
— The color of the top of the page background gradient in dark mode.- Default value (dark mode):
var(--dark-bg-1)
--darkmode-gradient-bottom
— The color of the bottom (or main body) of the page background gradient in dark mode.- Default value (dark mode):
var(--dark-bg-2)
--dark-bg-1
— One of two background colors for all elements in dark mode.- Default value (dark mode):
#21252E
--dark-bg-2
— One of two background colors for all elements in dark mode.- Default value (dark mode):
#2F333C
--dark-txt-color
— The base text color in dark mode.- Default value (dark mode):
#EDEDED
Fonts
--head-font
— The font used for the header and page headings.
--page-font
— The font used for page content.
--ui-font
— The font used for interfaces outside of the page content.- Default value:
Sofia Sans
--mono-font
— The font used when viewing and editing the page source.- Default value:
JetBrains Mono
--base-font-size
— Font size for interfaces outside of the page content.
--page-font-size
— Font size for the page content.
3 Elements
3.1 Divs
Div blocks included with or altered by this theme.
[[div class="blockquote"]]
3.2 Coloring
Many elements can be colored by wrapping them in a div with a
tableX
class.
table1
corresponds to green,
table2
corresponds to blue,
table3
corresponds to yellow,
table4
corresponds to orange,
table5
corresponds to red,
and table6
corresponds to purple.
This system is designed to connect with the color palette of the
Anomaly Classification System; each color signifies a different security clearance level.
Ordinary table |
---|
Text here |
Text here |
Text here |
Table with table2 class |
---|
Text here |
Text here |
Text here |
Table with table5 class |
---|
Text here |
Text here |
Text here |
Blockquote with table1
class
Blockquote with table3
class
3.3 Extras
A few additional tips.
- Collapsibles, heavily styled in this theme, can be reverted back their original look if wrapped inside a div with the
default-col
class.
- Virtually any element can be given round edges if wrapped inside a div with the
round
class.
- Applying the
hidetitle=a
setting removes the page title.
- Applying the
wide=a
setting extends the width of the page — though this may interfere with any sideboxes present (which this theme has inbuilt support for).
- Applying the
verdana=a
setting switches the main page font to Verdana.