超黑标记笔 主题版式

这是什么？

好吧…这是黑标版式的暗色版本。
如果这就是你想要的话。

使用方法

在任何维基网站上：

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:extra-black-highlighter-theme]]

---

主题颜色

Payne's Grey--gray-monochrome(66, 66, 72)

Rosewood--bright-accent(133, 0, 5)

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

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

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

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

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

White Smoke--pale-gray-monochrome(244, 244, 244)

Bastille--dark-gray-monochrome(48, 48, 52)

Buccaneer--medium-accent(100, 46, 44)

Maroon--dark-accent(100, 3, 15)

Mango Tango--newpage-color(221, 102, 17)

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

示例

SCP 基金会 标志

可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。

---

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

+ 标题

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

分页

此为分页（tab view）。

分页

看，这有更多文字。

多么精巧绝伦。

长 Tab

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

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

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

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

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

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

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

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

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

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

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

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

由于一些奇怪的原因，这个空 tab 有一个很长的名字。我想知道为什么？这很奇怪。

空 Tab

空 Tab

空 Tab

空 Tab

空 Tab

这是一个引用块，在一行字的起始处加上“> ”来创建。

更多文字

---

一条分割线

嵌套引用块

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

---

+ 显示版式代码

@supports(display:grid) {
    :root {
        /* S-CSS-P Integration */
        /* If you're making a new CSS theme, please include the following three variables at minimum. */
        --theme-base: "black-highlighte";
        /* must be either "nuscp" or "sigma9" */
        --theme-id: "Extra-BHL-theme";
        /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
        --theme-name: "Extra Black Highlighter Theme";
        /* set this to your theme's full name */
        /* New Vars */
        --swatch-menubg-extra-dark-color: 30, 30, 32;
 
        /* Old Vars */
        --black-monochrome: 20, 22, 24;
        --light-pale-gray-monochrome: 250, 250, 250;
        --bright-accent: var(--pale-accent);
        /* Primary Theme Colors */
        --swatch-background: var(--swatch-menubg-black-color);
        /* Background and Header Colors */
        --background-gradient-color: 10, 10, 10;
        --header-gradient-color-bottom: var(--medium-accent);
        --header-gradient-color-middle: var(--swatch-menubg-black-color);
        --header-gradient-color-top: var(--swatch-menubg-black-color);
        /* Primary Text Colors */
        --swatch-text-light: var(--light-pale-gray-monochrome);
        --swatch-text-general: var(--swatch-text-light);
        /* Primary Menu Colors */
        --swatch-menubg-color: var(--swatch-menubg-black-color);
        --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
        /* 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-primary);
 
        /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */
        --swatch-text-secondary-color: var(--swatch-menutxt-light-color);
        --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(--swatch-text-general);
        --rating-module-button-color: var(--swatch-text-general);
        --rating-module-button-cancel-color: 100, 100, 100;
 
        --ui-wght: 500;
        --ui-hvr-wght: 600;
 
        --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);
    }
 
    #main-content {
        --pagetags-title-text: var(--swatch-text-secondary-color);
    }
 
    #header {
        --search-icon-color: var(--swatch-text-tertiary-color);
    }
 
    #top-bar {
        /* ===DROPDOWN MENU=== */
        --dropdown-bg-color: var(--swatch-menubg-extra-dark-color), 0.9;
    }
 
    ::-moz-selection {
        background: rgb(var(--swatch-primary-darkest));
    }
 
    ::selection {
        background: rgb(var(--swatch-primary-darkest));
    }
 
    body {
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
    }
 
    #search-top-box-input {
        background-color: rgb(var(--swatch-menubg-extra-dark-color));
    }
 
    #account-options {
        background: var(--gradient-header);
    }
 
    #login-status {
        color: rgba(var(--swatch-menutxt-light-color), 0.5);
    }
 
    #login-status ul a {
        color: rgb(var(--swatch-menutxt-light-color));
    }
 
    span.printuser {
        color: rgb(var(--swatch-menutxt-light-color));
    }
 
    .page-rate-widget-box {
        background: linear-gradient(to bottom,
                rgba(var(--header-gradient-color-bottom), 0.5) 0%,
                rgba(var(--header-gradient-color-middle), 0.15) 90%,
                rgba(var(--header-gradient-color-top), 0.15) 100%);
        border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25);
    }
 
    #top-bar div.mobile-top-bar>ul>li>ul>li>a,
    #top-bar div.top-bar>ul>li>ul>li>a {
        box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
    }
 
    #side-bar .heading p,
    #side-bar .collapsible-block .collapsible-block-link {
        color: rgb(var(--swatch-menutxt-light-color));
    }
 
    blockquote,
    .blockquote,
    .code {
        --swatch-border-color: var(--swatch-menubg-light-color);
        border-color: rgba(var(--swatch-border-color), 0.25);
    }
 
    .yui-navset .yui-nav,
    .yui-navset .yui-navset-top .yui-nav {
        --box-shadow: rgb(var(--swatch-primary-darkest));
        border-color: rgb(var(--swatch-primary-darkest));
    }
 
    .yui-navset .yui-nav li,
    .yui-navset .yui-navset-top .yui-nav li {
        --box-shadow: rgb(var(--swatch-primary-darkest));
    }
 
    .yui-navset .yui-nav a,
    .yui-navset .yui-navset-top .yui-nav a {
        background-color: rgb(var(--swatch-menubg-extra-dark-color));
        color: rgb(var(--swatch-text-general));
    }
 
    .yui-navset .yui-nav .selected,
    .yui-navset .yui-navset-top .yui-nav .selected {
        background-color: rgb(var(--swatch-primary-darkest));
    }
 
    table.wiki-content-table th {
        background: rgb(var(--swatch-secondary-color));
    }
 
    table.wiki-content-table th,
    table.wiki-content-table tr {
        border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25) !important;
    }
 
    table.wiki-content-table td {
        border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25) !important;
    }
 
    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;
    }
 
    .hovertip {
        border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25);
        background-color: rgb(var(--swatch-menubg-extra-dark-color)) !important;
        color: rgb(var(--swatch-text-light)) !important;
    }
 
    #main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]),
    #main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]) {
        color: rgb(var(--swatch-primary-secondary-color));
    }
 
    #footer,
    #license-area {
        --link-color: var(--swatch-text-tertiary-color);
        --hover-link-color: var(--swatch-text-tertiary-color);
        --visited-link-color: var(--swatch-text-tertiary-color);
        color: rgb(var(--swatch-text-general));
    }
 
    div[id*="page-options-bottom"]>a::after {
        background-color: rgb(var(--swatch-text-secondary-color));
    }
 
    /* ===BUTTONS=== */
    div[id*="page-options-bottom"]>a::after {
        background-color: rgb(var(--swatch-text-tertiary-color));
    }
}

:root {
    --ui-hvr-wght: 600;
    --black-monochrome: 20, 22, 24;
    --bright-accent: var(--pale-accent);
}
::-moz-selection {
    background: rgb(var(--swatch-primary-darkest));
}
::selection {
    background: rgb(var(--swatch-primary-darkest));
}
body {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}