适用于SCP基金会小马国分部的黑色标记笔版式 (蓝色)
black-highlighter-logo.svg
此组件目前 已启用


这是什么

一个将黑色标记笔版式应用于您的作品的组件。

这个组件将应用一个稳定版本的黑色标记笔版式,但更新时有可能会出现故障。

报告问题

如果您拥有 Github 帐户,请在这里创建一个 Issue,详细说明您的问题(无论是技术、外观还是其他任何的问题)。

如果您没有 Github 帐户,或者您更希望直接与某人讨论,请加入 SkipIRC 上的 #black-highlighter 频道,或者向 WoedenazWoedenazCroquemboucheCroquembouche 发送私人讯息。

著作信息

适用于SCP基金会中国分部的黑色标记笔版式由WoedenazWoedenazCroquemboucheCroquembouche制作基底版本,Sekai_sSekai_sJochoiJochoi翻译和维护。

由于SCP基金会小马国分部网站使用的基底Sigma-9版本较低,因此由PC-DOSPC-DOS进行了小幅修改。

使用方法

在任何维基网站上:

[[include :scp-eq:theme:black-highlighter-theme-eq-blue]]

自定义

以下自定义代码参考了Sekai_sSekai_s的帖子制作自定义黑色标记笔(Black Highlighter)版式基础入门

[[module css]]
:root {
            /*↓ S-CSS-P 集成 ↓ */
            /*↓ 如果您正在制作一个新的CSS主题版式,请至少添加以下三个变量。 ↓ */
            /*↓ 每一个变量的说明在其下方 ↓ */

                  --theme-base: "黑色标记笔";
            /*↑ 必须为“黑色标记笔”或者“sigma9” ↑*/
                  --theme-id: "black-highlighter-theme-eq-blue";
            /*↑ 您的版式页面的URL地址 - 例如“component:ar-theme”,则设置为“ar-theme” ↑*/
                  --theme-name: "适用于SCP基金会小马国分部的黑色标记笔版式";
            /*↑ 您的版式的名字 ↑*/

            /*↓ 页眉 ↓ */

                  --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
            /*↑ 页眉Logo ↑*/
                  --header-title: "SCP基金会小马国分部";
            /*↑ 大标题 ↑*/
                  --header-subtitle: "控制 · 收容 · 保护";
            /*↑ 副标题 ↑*/

            /*↓ 字体 - 字体的数量可以任意增加,之间以半角逗号隔开,系统会根据设备是否安装了该字体从前往后依次渲染 ↓ */

                  --body-font: "Noto Sans SC", sans-serif;
            /*↑ 正文字体 ↑*/
                  --header-font: "Noto Sans SC", sans-serif;
            /*↑ 页眉字体 ↑*/
                  --title-font: "Noto Sans SC", sans-serif;
            /*↑ 标题字体 ↑*/
                  --mono-font: "ZCOOL QingKe HuangYou", "Andale Mono", "Courier New", Courier, monospace;
            /*↑ 等宽字 ↑*/

            /*↓ 标准颜色 ↓ */
            /*↓ 颜色格式为 RGB 红、绿、蓝 ↓ */

                  --white-monochrome: 252, 252, 252;
            /*↑ 白色 ↑*/
                  --pale-gray-monochrome: 244, 244, 244;
            /*↑ 非常浅的灰色,用于引用块 ↑*/
                  --light-pale-gray-monochrome: 244, 244, 244;
            /*↑ 浅灰色 ↑*/
                  --very-light-gray-monochrome: 215, 215, 215;
            /*↑ 浅灰色 ↑*/
                  --light-gray-monochrome: 160, 160, 160;
            /*↑ 浅灰色 ↑*/
                  --gray-monochrome: 66, 66, 72;
            /*↑ 灰色 ↑*/
                  --dark-gray-monochrome: 48, 48, 52;
            /*↑ 深灰色 ↑*/
                  --black-monochrome: 12, 12, 12;
            /*↑ 黑色 ↑*/
                  --pale-accent: 17, 85, 153;
            /*↑ 浅色,链接颜色 ↑*/
                  --bright-accent: 5, 0, 133;
            /*↑ 亮色 ↑*/
                  --medium-accent: 41, 89, 101;
            /*↑ 基准颜色 ↑*/
                  --dark-accent: 51, 51, 102;
            /*↑ 深色 ↑*/
                  --alt-accent: 17, 102, 221;
            /*↑ 页面不存在的链接颜色 ↑*/

            /*↓ 背景及页眉颜色 ↓ */

                  --background-gradient-color: var(--very-light-gray-monochrome);
                  --header-gradient-color-bottom: var(--medium-accent);
            /*↑ 页眉渐变 - 底端 ↑*/
                  --header-gradient-color-middle: var(--black-monochrome);
            /*↑ 页眉渐变 - 中间 ↑*/
                  --header-gradient-color-top: var(--black-monochrome);
            /*↑ 页面渐变 - 顶端 ↑*/

            /*↓ 主要版式颜色 - 一般无需修改 ↓ */

                  --swatch-background: var(--white-monochrome);
                  --swatch-primary: var(--bright-accent);
                  --swatch-primary-darker: var(--medium-accent);
                  --swatch-primary-darkest: var(--dark-accent);

            /*↓ 主要文字颜色 - 一般无需修改 ↓ */

                  --swatch-text-dark: var(--black-monochrome);
                  --swatch-text-light: var(--white-monochrome);
                  --swatch-important-text: var(--bright-accent);

            /*↓ 主要菜单颜色 - 一般无需修改 ↓ */

                  --swatch-menubg-color: var(--white-monochrome);
                  --swatch-menubg-light-color: var(--pale-gray-monochrome);
                  --swatch-menubg-medium-color: var(--light-gray-monochrome);
                  --swatch-menubg-medium-dark-color: var(--gray-monochrome);
                  --swatch-menubg-dark-color: var(--dark-gray-monochrome);
                  --swatch-menubg-black-color: var(--black-monochrome);
                  --swatch-menubg-hover-color: var(--black-monochrome);
                  --swatch-menutxt-dark-color: var(--black-monochrome);
                  --swatch-menutxt-light-color: var(--white-monochrome);
                  --swatch-border-color: var(--black-monochrome);

            /*↓ 主要页眉颜色 ↓ */

                  --swatch-headerh1-color: var(--white-monochrome);
            /*↑ 大标题颜色 ↑*/
                  --swatch-headerh2-color: var(--white-monochrome);
            /*↑ 副标题颜色 ↑*/
                  --swatch-topmenu-border-color: var(--black-monochrome);
            /*↑ 顶栏的边框颜色 ↑*/
                  --swatch-topmenu-bg-color: var(--gray-monochrome);
            /*↑ 顶栏的背景颜色 ↑*/

            /*↓ 链接颜色 ↓ */

                  --link-color: var(--pale-accent);
            /*↑ 一般链接颜色 ↑*/
                  --visited-link-color: var(--swatch-primary);
            /*↑ 已访问的链接颜色 ↑*/
                  --hover-link-color: var(--swatch-primary);
            /*↑ 高亮的链接颜色 - 鼠标悬停时 ↑*/
                  --newpage-color: var(--alt-accent);
            /*↑ 页面不存在的链接颜色 ↑*/
                  --sidebar-links-text: var(--swatch-menutxt-dark-color);
            /*↑ 侧边栏的链接颜色 ↑*/

            /*↓ 评分模块颜色 ↓ */

                  --rating-module-button-color: var(--black-monochrome);
            /*↑ 评分模块字体颜色 ↑*/
                  --rating-module-button-plus-color: 0, 200, 0;
            /*↑ 好评背景颜色 - 绿色 ↑*/
                  --rating-module-button-negative-color: 200, 0, 0;
            /*↑ 差评背景颜色 - 红色 ↑*/
                  --rating-module-button-cancel-color: 200, 200, 200;
            /*↑ 取消评分背景颜色 - 白色 ↑*/
                  --rating-module-button-credit-color: 50, 50, 50;
            /*↑ 著作信息模块中字母“i”的颜色 ↑*/
                  --rating-module-text-color: var(--swatch-menutxt-dark-color);
            /*↑ 评分模块字体颜色 ↑*/
                  --rating-module-text-hover-color: var(--swatch-menutxt-light-color);
            /*↑ 评分模块字体鼠标悬停时颜色 ↑*/

            /*↓ 页眉渐变 - 一般无需修改 ↓ */

                  --gradient-header: linear-gradient(
                  to top,
                        rgb(var(--header-gradient-color-bottom)) 0%,
                        rgb(var(--header-gradient-color-middle)) 90%,
                        rgb(var(--header-gradient-color-top)) 100%
            );
                  --gradient-topmenu: linear-gradient(
                  to bottom,
                  rgba(255, 255, 255, 0) 0%,
                        rgba(255, 255, 255, 0) var(--header-height-on-desktop),
                        rgba(var(--swatch-topmenu-border-color),1) var(--header-height-on-desktop),
                        rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--header-height-on-desktop) + 0.125rem),
                        rgba(var(--swatch-topmenu-bg-color), 0.95) calc(100% - 0.125rem),
                        rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - 0.125rem),
                        rgba(var(--swatch-topmenu-border-color), 1) 100%);
                  --gradient-topmenu-mobile: linear-gradient(
                  to bottom,
                        rgba(var(--swatch-topmenu-border-color),1) 0,
                        rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem,
                        rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--topbar-height-on-mobile) - 0.125rem),
                        rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--topbar-height-on-mobile) - 0.125rem),
                        rgba(var(--swatch-topmenu-border-color),1) var(--topbar-height-on-mobile));
                  --diagonal-stripes: repeating-linear-gradient(
                  45deg,
                  hsla(0, 0%, 100%, 0),
                  hsla(0, 0%, 100%, 0) 0.25vh,
                  rgba(88, 88, 88, 0.1) 0.35vh,
                  rgba(88, 88, 88, 0.2) 0.5vh
            );
                  --gradient-sidemenu-header: linear-gradient(10deg,
                        rgba(var(--medium-accent), 0.45) 0%,
                        rgba(var(--medium-accent), 0.55) 100%
            );
                  --background-gradient-distance: 40rem;
                  --gradient-background: linear-gradient(
                  to bottom,
                        rgba(var(--background-gradient-color),1) 0,
                        rgba(var(--background-gradient-color),0.987) calc(0.008 * var(--background-gradient-distance)),
                        rgba(var(--background-gradient-color),0.951) calc(0.029 * var(--background-gradient-distance)),
                        rgba(var(--background-gradient-color),0.896) calc(0.064 * var(--background-gradient-distance)),
                        rgba(var(--background-gradient-color),0.825) calc(0.110 * var(--background-gradient-distance)),
                        rgba(var(--background-gradient-color),0.741) calc(0.166 * var(--background-gradient-distance)),
                        rgba(var(--background-gradient-color),0.648) calc(0.231 * var(--background-gradient-distance)),
                        rgba(var(--background-gradient-color),0.550) calc(0.304 * var(--background-gradient-distance)),
                        rgba(var(--background-gradient-color),0.450) calc(0.383 * var(--background-gradient-distance)),
                        rgba(var(--background-gradient-color),0.352) calc(0.467 * var(--background-gradient-distance)),
                        rgba(var(--background-gradient-color),0.259) calc(0.554 * var(--background-gradient-distance)),
                        rgba(var(--background-gradient-color),0.175) calc(0.644 * var(--background-gradient-distance)),
                        rgba(var(--background-gradient-color),0.104) calc(0.735 * var(--background-gradient-distance)),
                        rgba(var(--background-gradient-color),0.049) calc(0.825 * var(--background-gradient-distance)),
                        rgba(var(--background-gradient-color),0.013) calc(0.914 * var(--background-gradient-distance)),
                        rgba(var(--background-gradient-color),0) var(--background-gradient-distance));

            /*↓ 页面排版 - 一般无需修改 ↓ */

            /*↓ 页眉排版 - 一般无需修改 ↓ */
                 --header-height-on-desktop: 7.5rem;
                 --header-height-on-mobile: 7.5rem;
                 --topbar-height-on-desktop: 1.875rem;
                 --topbar-height-on-mobile: 3rem;
                 --header-background-image-size: 100% var(--header-height-on-desktop);
                 --body-width-on-desktop: 44.25rem;
                  --sidebar-width-on-desktop: calc((var(--base-font-size) * (14/15)) * 19);
                  --sidebar-width-on-mobile: calc((var(--base-font-size) * (14/15)) * 16);
                  --scrollbar-width: 1rem;
                  --border-styling: solid 0.0625rem rgb(var(--swatch-border-color));
                  --border-radius-width: 0.0625rem;

            /*↓ 阴影 - 一般无需修改 ↓ */
                  --box-border-bottom: 0 0.0625rem 0 0 rgb(var(--swatch-border-color));
                  --box-border-top: 0 -0.0625rem 0 0 rgb(var(--swatch-border-color));
                  --box-border-left: -0.0625rem 0 0 0 rgb(var(--swatch-border-color));
                  --box-border-right: 0.0625rem 0 0 0 rgb(var(--swatch-border-color));
                  --box-border-all: 0 0 0 0.0625rem rgb(var(--swatch-border-color));

            /*↓ 侧边栏 ↓ */
                  --sidebar-transition-timing: 0.5s ease-in-out 0.1s;
            /*↑ 侧边栏动画效果 - 持续时间、速度曲线、延迟时间 ↑*/
                  --sidebar-internal-border-thickness: 0.125rem;
            /*↑ 侧边栏项目的高度 ↑*/

            /*↓ 杂项 ↓ */
                  --base-font-size: 0.9375rem;
            /*↑ 基准字体大小 ↑*/
                  --base-line-height: 1.313rem;
                  --final-header-height-on-desktop: calc(var(--header-height-on-desktop) + var(--topbar-height-on-desktop));
                  --final-header-height-on-mobile: calc(var(--header-height-on-mobile) + var(--topbar-height-on-mobile));
}
[[/module]]
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License