JAK 风格

源页面
2021年4月29日
修订 24

核心指标

更新于 2025年11月6日
评分
15
↑ 15
↓ 0
支持率
100%
总票数 15
Wilson 95% 下界
79.6%
在相同票数下更稳健的支持率估计
争议指数
0.000

评分趋势

按周聚合
加载图表中...

最近修订

1 / 9
编辑内容
10 个月前
更新Safari适配
编辑内容
2 年前
更新至版本305
编辑内容
3 年前

最近投票

1 / 2
2025-06-06
2024-09-04
2024-09-04
2021-08-14
2021-08-06
2021-07-06
2021-06-27
2021-05-02
2021-05-02

页面源码

源码字符数 22144文字字数 1689
[[iftags +版式]]
[[module CSS]]
@import url("https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/min/normalize.min.css");
@import url("https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/min/black-highlighter.min.css");
[[/module]]

[[include :scp-wiki-cn:component:interwiki-style
| priority=0
| override=1
| type=sidebar
| theme=https://interwiki.scpwikicn.com/css/style-bhl.css
]]

+ 这是什么地方?
[[=]]
这里是地狱。
@@ @@
(但实际上不是)

> 这是 JAK 风格。是 [[*user JakdragonX]][[footnote]]傻逼白痴呵呵[[/footnote]] 对[[[theme:placestyle|占位风格]]]、[[[theme:blankstyle|空白风格]]]和所有其它你能想到的样式的剽窃。该版式与任何世界观内的组织、设定、GoI 或其它什么东西(我他妈没那么聪明。你以为我是谁啊,[[*user HarryBlank]] 吗?)均无关联。
> 
> 任何人都可以自由使用该版式,但牢记我是记不得自己五分钟前吃了什么东西的,所以如果用户认为这版式“超级酷”的话,建议你谨慎使用。
[[/=]]

+ 如何使用?

若要引入该版式,只需在你的页面上方加上该代码片段并且祈祷我没有搞砸过什么会导致它不能正常工作的东西。
[[=]]
> [[include :scp-wiki-cn:theme:black-highlighter-theme]]
> [[include :scp-wiki-cn:theme:jakstyle]]
若需编辑大标题、小标题以及背景图片,请在引入代码之后使用以下代码:
[[/=]]

> [[module CSS]]
> :root:lang(cn) {
>      @@--header-title: "这里放标题";@@
>      @@--header-subtitle: "这里放副标题";@@
>      @@--lgurl: url('这里放你的链接');@@
> }
> [[/module]]

**注意:**请明白这是一个**暗色**版式。若要试图修改此版式并使用特别暗或者极其亮的颜色将会伤害到很多双眼睛,也会伤害到你的评分(你会在之后为这条提醒感谢我的。)

+ 有什么不同吗?

你真的,他妈瞎了吗?有很大的不同。但是,如果你需要一份我做出的修改的详细清单的话,那么给你:
* 这版式乌漆墨黑。
* 这版式锃明白亮。
* 不知道什么让边框变得//很//十年前。
* 抢了[[[theme:penumbra|半影]]]的午饭钱。
* 默认加上了[[[component:toggle-sidebar-bhl|切换侧边栏]]]。
* 显然[[[component:centered-header-bhl|居中页眉]]]要好得多得多得多。
* 因为亵渎了[[[theme:extra-black-highlighter-theme|超黑标记笔]]]而被送去做社区服务。
* 改变了超链接与折叠的外观。
* 产生了对颜色的恐惧。
* 在改变主意之后将[[[theme:penumbra|半影]]]的午饭钱还了回去。
* 改变了某些组件的外观,比如 [[[component:info-ayers|Ayers 的信息模块]]]与 [[[component:anomaly-class-bar|ACS]]]。

如果你还想看更多东西,那下一节会给你提供某些常规 Wikidot 格式的示例。

+ 示例

[[include component:image-block name=https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/img/logo.svg|caption=SCP 基金会标志|width=200px]]

可通过五个连字符“@@-----@@”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。[[footnote]]这是一个脚注[[/footnote]]

[https://www.baidu.com 一个你可能已经访问过一次的链接,我不知道]

标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

[[collapsible show="+ 标题" hide="- 标题"]]
+ 1 级标题

++ 2 级标题

+++ 3 级标题

++++ 4 级标题

+++++ 5 级标题

++++++ 6 级标题
[[/collapsible]]

@@ @@

[[tabview]]
[[tab 分页]]
为什么铲子这么特别?

因为这是一项突破性的发明。
[[/tab]]
[[tab 分页]]
更多文字。

多么精巧绝伦。
[[/tab]]
[[tab 长 Tab]]
这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。
[[/tab]]
[[tab 这是一个名字真的非常长的 Tab。]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[/tabview]]
@@ @@
> 这是一个引用块,在一行字的起始处加上“> ”来创建。
> 
> 更多文字
> -----
> 一条分割线
> 
>> 嵌套引用块

||~ 这是 ||~ 表格 ||
|| 你应该老早 || 就知道怎么 ||
|||| 做这个了吧 ||

[[=]]
[[span style="font-family:var(--body-font); font-size: calc(var(--base-font-size) * 1.25);"]]正文字体为 [https://rsms.me/inter/ Inter] / [https://fonts.google.com/specimen/Noto+Sans+SC Noto Sans SC]。[[/span]]
[[span style="font-family:var(--header-font); font-size: calc(var(--base-font-size) * 1.25);"]]页眉及标题字体为 [https://rsms.me/inter/ Inter] / [https://fonts.google.com/specimen/Noto+Sans+SC Noto Sans SC]。[[/span]]
[[span style="font-family:var(--mono-font); font-size: calc(var(--base-font-size) * 1.25);"]]等宽字为 [https://www.recursive.design/ Recursive] / [https://fonts.google.com/specimen/Noto+Serif+SC Noto Serif SC]。[[/span]]
[[/=]]

[[footnoteblock]]

[[collapsible show="+ 显示" hide="- 隐藏"]]
[[code type="CSS"]]

:root {
    --header-title: "SCP FOUNDATION";

    --dark-accent: 33, 35, 37;
    --pale-accent: 205, 205, 209;
    --bright-accent: 205, 205, 209;
    --light-gray-monochrome: 84, 84, 84;
    --dark-gray-monochrome: 56, 56, 60;
    --black-monochrome: 33, 35, 37;
    --medium-accent: var(--bright-accent);
    --tab-border-color: var(--dark-accent);
    --rating-module-button-color: var(--bright-accent);
    --rating-module-button-credit-color: var(--bright-accent);
    --swatch-background: var(--dark-accent);
    --swatch-menutxt-general-color: var(--bright-accent);
    --swatch-menubg-black-color: var(--dark-gray-monochrome);
    --barColour: #232527;

    --logo-image: url('https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg');
    --lgurl: var(--logo-image);

    --ui-wght: 400;
    --ui-hvr-wght: 500;

    /* Background and Header Colors */
    --background-color: var(--dark-accent);
    /* Primary Text Colors */
    --swatch-text-light: var(--bright-accent);
    --swatch-text-general: var(--bright-accent);
    /* Primary Menu Colors */
    --swatch-menubg-color: var(--dark-accent);
    /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
    --swatch-secondary-color: var(--swatch-menubg-dark-color);
    --swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);
    --swatch-alternate-color: var(--swatch-menubg-medium-color);
    --sidebar-links-hover-text-color: var(--dark-accent);

    /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */
    --swatch-text-tertiary-color: var(--swatch-menutxt-light-color);

    /* Primary Header Colors */
    --swatch-topmenu-border-color: var(--swatch-menubg-black-color);
    --swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color);

    --rating-module-text-color: var(--bright-accent);
    --rating-module-button-cancel-color: var(--gray-monochrome);
    ;

    --gradient-header: linear-gradient(to bottom,
            rgb(var(--header-gradient-color-bottom)) 0%,
            rgb(var(--header-gradient-color-middle)) 90%,
            rgb(var(--header-gradient-color-top)) 100%);

    --diagonal-stripes: repeating-linear-gradient(45deg,
            hsla(0, 0%, 100%, 0),
            hsla(0, 0%, 100%, 0) 0.25vh,
            rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh,
            rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh);

    --toggle-button-bg: rgb(var(--dark-accent));
    --toggle-border-color: rgb(var(--dark-gray-monochrome));
    --toggle-icon-color: rgb(var(--bright-accent));
}

:root:lang(cn) {
    --header-title: "SCP基金会";
}

#header {
     /* Focus is when the search box has been clicked on */
    --search-icon-focus-bg-color: var(--swatch-primary-darkest);
    --search-focus-textbox-bg-color: var(--swatch-primary-darkest);

    /* ===LOGIN BOX ELEMENT=== */
     /* Dropdown Box when arrow is clicked */
    --login-dropdown-bg-image: none;
    --login-dropdown-border-color: var(--swatch-primary-darkest), 0.9;
    --login-dropdown-text-hover-color: var(--swatch-menutxt-dark-color);
}

#header::before {
    background-image: var(--lgurl);
    opacity: 0.20;
}

#header h1 a::before {
    color: rgb(var(--bright-accent));
    -webkit-text-stroke: 0.325rem rgb(var(--dark-accent));
}

#header h1 a::after {
    color: rgb(var(--light-accent));
}

#header h2 span::before {
    -webkit-text-stroke: 0.25rem rgb(var(--dark-accent));
}

#top-bar {
    /* ===TOPBAR ELEMENTS=== */

     /* ===TOPBAR CATEGORIES=== */
    --topmenu-hover-border-color: var(--swatch-primary),0.5;

     /* ===DROPDOWN MENU=== */
    --dropdown-bg-color: var(--dark-gray-monochrome);
    --dropdown-border-color: var(--swatch-primary-darkest), 0.9;
}

#side-bar {
    --sidebar-links-hover-text-color: var(--swatch-primary-darkest);
}

#main-content {
    /* ===MAIN CONTENT UI ELEMENTS */
        /* ===UI ICONS=== */
            /* ===PAGE OPTIONS ICONS=== */
    --ui-icon-hover-bg: var(--swatch-primary-darkest);

     /* ===TABS=== */
    --tabs-hover-bg: var(--swatch-primary-darkest);
    --tabs-bottom-border-color: var(--swatch-primary-darkest);
}

:root {
    /* ===UI BUTTONS=== */
    --ui-button-hover-bg: var(--swatch-primary-darkest);
    --ui-button-hover-txt: var(--swatch-text-tertiary-color);
    --ui-button-hover-outline: var(--swatch-primary-darker);

    /* ===MODALS=== */
    --modal-header-stripe: var(--swatch-menubg-dark-color);
}

.modalbox {
    padding: 0.25rem;
    border-radius: 0rem !important;
    border-color: transparent !important;
    background: rgb(var(--dark-accent)) !important;
    box-shadow: none !important;
    pointer-events: auto !important;
}

body {
    color: rgb(var(--bright-accent));
}

#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
    color: rgba(var(--swatch-primary),0);
}

@media (min-width: 36rem) {
    #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
        box-shadow: 0 0 0 0.125rem rgba(var(--swatch-primary),0.2);
        color: rgba(var(--swatch-primary),0.7);
    }
}

@supports (display:grid) {
div.page-rate-widget-box .rate-points {
    border: rgb(var(--dark-accent));
    border-right: rgb(var(--dark-accent));
}
}

#page-content a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="classification-committee-memo"]):not([href*="anomaly-classification-system-guide"]):not([href*="classification-committee-memo"]) {
    padding: 0.15em;
    margin: -0.15em;
    color: inherit;
    box-decoration-break: clone;
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--bright-accent));
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1), color 200ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 200ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="classification-committee-memo"]):not([href*="anomaly-classification-system-guide"]):not([href*="classification-committee-memo"]):not(.fa-info):hover {
    padding: 0.3em 0.25em 0.2em 0.25em;
    margin: -0.25em;
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent));
    text-decoration: none;
    color: rgb(var(--dark-accent))
}

a {
    color: inherit;
}
 
a:hover {
    color: inherit;
}
 
a.close-menu {
    background-color: transparent;
}
 
a:visited {
    color: inherit;
}
 
.scp-image-block a {
     box-shadow:none;
}

a.collapsible-block-link {
    padding: 0.15em;
    margin: -0.15em;
    color: inherit;
    box-decoration-break: clone;
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--bright-accent));
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1), color 200ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 200ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

a.collapsible-block-link:hover {
    padding: 0.3em 0.25em 0.2em 0.25em;
    margin: -0.25em;
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent));
    text-decoration: none;
    color: rgb(var(--dark-accent))
}

#breadcrumbs a, #breadcrumbs a:visited, .pseudocrumbs a, .pseudocrumbs a:visited {
    background-color: transparent;
    color: rgb(var(--bright-accent));
}

#breadcrumbs a:active, #breadcrumbs a:hover, .pseudocrumbs a:active, .pseudocrumbs a:hover {
    color: rgb(var(--dark-accent));
}

a:hover {
    background-color: transparent;
    color: var(--bright-accent);
    text-decoration: none;
}

a.close-menu {
    background-color: transparent;
}

::-moz-selection {
    background: rgb(var(--bright-accent),0.25);
}

::selection {
    background: rgb(var(--bright-accent),0.25);
}

#page-title::after,
.meta-title::after,
#page-title::before,
.meta-title::before {
    background: rgba(var(--swatch-primary),0.5);
}

.creditButton p a {
    background-color: rgb(var(--black-accent));
}

#page-content .rate-box-with-credit-button {
    display: inline-flex;
    height: var(--rating-module-height);
    margin-bottom: .75rem;
    padding: 0 .125rem;
    overflow: hidden;
    border: .0625rem solid rgba(var(--gray-monochrome));
    border-radius: 0;
    background: rgb(var(--dark-accent));
    background-color: rgb(var(--dark-accent));
}

#top-bar div.mobile-top-bar>ul>li>ul>li:hover>a,
#top-bar div.top-bar>ul>li>ul>li:hover>a {
    color: rgb(var(--dark-accent));
    text-decoration: none;
}

#side-bar .heading {
    background: rgb(var(--dark-gray-monochrome));
}

#side-bar .side-block {
    background-color: rgb(var(--dark-accent));
}

#side-bar .side-block.resources {
    background: rgb(var(--dark-accent)) !important;
}

#side-bar .side-block.media {
    background-color: rgba(var(--dark-gray-monochrome)) !important;
}

#side-bar div.menu-item>a, #side-bar div.menu-item>a:visited {
    color: rgb(var(--bright-accent));
}

#side-bar div.menu-item>a:hover {
    color: rgb(var(--dark-accent));
}

.side-block.media a {
    background: transparent;
}

#side-bar .collapsible-block .collapsible-block-folded,
#side-bar .heading {
    background: rgb(var(--dark-gray-monochrome));
}

#search-top-box-input {
    background-color: rgb(var(--dark-gray-monochrome));
}

#account-options {
    border-color: var(--bright-accent);
    background: var(--dark-accent);
    color: var(--bright-accent);
}

#login-status {
    color: rgba(var(--swatch-menutxt-light-color), 0.5);
}

#login-status ul a {
    color: rgb(var(--bright-accent));
}

#login-status .printuser {
    background-color: transparent;
    color: rgb(var(--bright-accent));
}

.page-rate-widget-box {
    border: 0.0625rem solid rgba(var(--swatch-menubg-dark-color));
    background: rgb(var(--dark-accent));
}

#top-bar div.mobile-top-bar {
    background: rgb(var(--dark-accent));
}

#top-bar div.top-bar>ul>li:hover {
    background: rgb(var(--swatch-menubg-black-color));
}

#top-bar div.mobile-top-bar>ul>li.sfhover>ul,
#top-bar div.mobile-top-bar>ul>li:hover>ul,
#top-bar div.top-bar>ul>li.sfhover>ul,
#top-bar div.top-bar>ul>li:hover>ul {
    color: rgb(var(--dark-accent));
}

blockquote,
div.blockquote {
    border: none;
    background-color: rgb(var(--dark-gray-monochrome));
    --swatch-border-color: var(--gray-monochrome);
    box-shadow: 0rem 0.095rem 0.25rem 0.125rem rgb(var(--dark-accent));
}

.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    box-shadow: none;
}

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    --box-shadow: none;
}

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav hover a {
    border-color: rgb(var(--dark-accent));
}

.yui-navset .yui-nav .selected a {
    border-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent)) !important;
}

.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    background: rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
}

.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(var(--dark-accent));
}

.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--swatch-menubg-dark-color));
    color: rgb(var(--dark-accent));
}

.yui-navset-bottom .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset .yui-nav li a {
    background: rgb(var(--dark-gray-monochrome));
    color: rgb(var(--bright-accent));
}

#page-content .blockquote div.b-tables table.wiki-content-table th, #page-content .blockquote table.wiki-content-table th {
    background: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
    border: 0.0625rem solid rgba(var(--bright-accent))!important;
}
#page-content .blockquote table.wiki-content-table td {
    border: 0.0625rem solid rgba(var(--bright-accent))!important;
}

#page-content div.b-tables table.wiki-content-table th, #page-content table.wiki-content-table th {
    background: rgb(var(--dark-gray-monochrome));
    color: rgb(var(--white-accent));
    --tables-border: var(--dark-gray-monochrome);
}

textarea,
input.text,
input.checkbox,
div.note,
#lock-info {
    border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25);
    background-color: rgb(var(--swatch-menubg-extra-dark-color));
    color: rgb(var(--swatch-text-light));
}

.code pre span[class*="hl-"] {
    -webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
}

.owindow .modal-body img {
    background-color: transparent !important;
}

#odialog-container div.owindow {
    background-color: rgb(var(--dark-accent));
}

.hovertip {
    border: .0625rem solid rgb(var(--dark-gray-monochrome));
    color: rgb(var(--swatch-text-light));
}

.hovertip .content {
    padding: 0;
}

#footer {
    color: rgb(var(--bright-accent));
}

.image-block .image-caption, .scp-image-block .scp-image-caption {
    box-shadow: none;
     border: none;
    background-color: rgb(var(--dark-gray-monochrome));
    color: rgb(var(--bright-accent));
}

.scp-image-block a {
    background-color: transparent;
}

.scp-image-block {
    box-shadow: .0225rem .0835rem .0725rem .0925rem rgb(var(--dark-accent));
}

.footnote {
    padding: .625em;
    background-color: rgb(var(--dark-gray-monochrome));
}

.footnotes-footer {
    border-left: none;
    background-color: rgba(var(--dark-gray-monochrome));
}

.hovertip .f-heading {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}

.bibitems .title, .footnotes-footer .title {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}

.bibitems, .footnotes-footer {
    box-shadow: inset .5em 0 0 0 rgba(var(--bright-accent));
}

.licensebox .collapsible-block-link {
    background: none;
}

table.page-history tr:nth-of-type(2) td:not(:nth-of-type(7)):before {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}

.pager .current, .pager .current:before {
    background-color: rgb(var(--dark-accent));
}
.pager .current {
    color: rgb(var(--bright-accent));
}

.paged a:visited, .pager a {
    color: rgb(var(--bright-accent));
}

.printuser img.small {
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: -0.4em;
}

#who-rated-page-area .printuser a {
    font-size: 100%;
}

#who-rated-page-area .printuser {
    background-color: transparent;
}

#search-top-box input.empty {
    color: rgba(var(--bright-accent));
}

.page-tags a:hover {
    color: rgb(var(--dark-accent));
}

#main-content .page-tags:before {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}

#main-content .page-tags {
    box-shadow: 0 -.125rem 0 0 rgb(var(--bright-accent));
}

.footnotes-footer a[href*=javascript], .footnotes-footer a[href*=javascript]:visited {
    background-color: transparent;
}

#license-area {
    background-color: rgb(var(--dark-gray-monochrome));
}

#page-content .rate-box-with-credit-button>.creditButton>p>a:after {
    background-color: rgba(var(--dark-accent));
}

[id*=u-credit] .credit.first, [id*=u-credit] .credit.otherwise {
    padding: 5px;
}

[id*=u-credit] div.creditBottomRate {
    padding: 0.5rem 0 0;
}

.acs-hybrid-text-bar>.acs-clear>.clearance-level-text::before {
    color: rgba(var(--bright-accent), 1);
}

.acs-hybrid-text-bar>.acs-disrupt .disruption-class-number::before {
    color: rgba(var(--bright-accent), 1);
}

.acs-hybrid-text-bar>.acs-risk .risk-class-number::before {
    color: rgba(var(--bright-accent, 12, 12, 12), 1);
}

.contain-class .class-text::before {
    color: rgb(228 228 228);
}

.anom-bar-container.esoteric .text-part>.main-class>.second-class>.class-text::after {
    color: #e4e4e4;
}

.info-container .collapsible-block-folded,
.info-container .collapsible-block-unfolded-link {
    background: rgb(var(--bright-accent));
}

.info-container .collapsible-block-folded .collapsible-block-link,
.info-container .collapsible-block-link {
    background: rgb(var(--dark-accent));
}

#page-content .info-container a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--dark-accent));
}

.acs-hybrid-text-bar>a {
    background-color: transparent
    color: transparent;
}

.acs-hybrid-text-bar>.acs-clear>.clearance-level-text::after {
    padding-top: 0.1rem;
    color: rgba(var(--bright-accent), 1);
}

.acs-hybrid-text-bar>.acs-risk .risk-class-number::after {
    color: rgba(var(--bright-accent));
}

.acs-hybrid-text-bar>.acs-disrupt .disruption-class-number::after {
    color: rgba(var(--bright-accent), 1);
}

.danger-diamond a,
.danger-diamond a:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, 0);
}

authorlink-wrapper > a {
    background-color: transparent;
    color: rgb(var(--bright-accent));
    --author-right-adjust: 0rem;
}

.authorlink-wrapper > a::before {
    color: darkgrey;
}

.authorbox {
    filter: drop-shadow(0 0 3px rgba(228, 228, 228));
}

.printuser a {
    margin-right: -0.0625rem;
    background-color: none;
    font-size: 0.875rem;
}

.printuser img.small {
    width: 1.1875rem;
    height: 1.1563rem;
    vertical-align: -0.4em;
}

.printuser:hover {
    background-color: transparent;
}

.page-tags a {
    background-color: transparent;
    color: rgb(var(--bright-accent));
}

table.page-files tr>td>a:not(.btn), table.page-files tr>td>a:visited:not(.btn) {
    color: rgb(var(--bright-accent));
}

table.page-files th {
    color: rgb(var(--dark-accent));
}

@media (min-width: 36rem) {
#login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
    --clip-path: none;
}
}

[[/code]]

[[code type="CSS"]]
:root {
    --ui-wght: 400;
    --dark-gray-monochrome: 56, 56, 60;
    --black-monochrome: 33, 35, 37;
    --bright-accent: 205, 205, 209;
    --medium-accent: var(--bright-accent);
    --dark-accent: 33, 35, 37;
    --swatch-menutxt-general-color: var(--bright-accent);
}
::-moz-selection {
    background: rgb(var(--bright-accent),0.25);
}
::selection {
    background: rgb(var(--bright-accent),0.25);
}
.side-block {
    --sidebar-links-hover-text-color: var(--swatch-primary-darkest);
    background-color: rgb(var(--dark-accent));
}
.side-block .heading {
    background: rgb(var(--dark-gray-monochrome));
}
.side-block div.menu-item a {
    color: rgb(var(--bright-accent));
}
[[/code]]
[[/collapsible]]
[[/iftags]]

[[include :scp-wiki:component:centered-header-bhl]]
[[include :scp-wiki:component:toggle-sidebar-bhl]]
[[module CSS]]
@import url("https://scp-wiki-cn.wdfiles.com/local--code/theme%3Ajakstyle/1");
[[/module]]

[[include :scp-wiki-cn:component:interwiki-style
| priority=1
| type=sidebar
| theme=https://scp-wiki-cn.wdfiles.com/local--code/theme:jakstyle/2
]]