由Dr Fishbone做出十分基本的還原,十分感謝
Twilit提供的保留的代碼。
以下是黑色標記筆的變量的代碼以及示意:
/*↓ 所有變量 ↓ */
:root {
/*↓ S-CSS-P 集成 ↓ */
/*↓ 如果妳正在制作壹個新的CSS主題版式,請至少添加以下三個變量。 ↓ */
/*↓ 每壹個變量的說明在其下方 ↓ */
--theme-base: "黑色標記筆";
/*↑ 必須為“黑色標記筆”或者“sigma9” ↑*/
--theme-id: "grey";
/*↑ 你的版式頁面的URL地址 - 例如“component:theme:grey”,則設置為“ar-theme” ↑*/
--theme-name: "灰";
/*↑ 你的版式的名字 ↑*/
/*↓ 頁眉 ↓ */
--logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
/*↑ 頁眉Logo ↑*/
--header-title: "SCP基金會";
/*↑ 大標題 ↑*/
--header-subtitle: "控制 收容 保護";
/*↑ 副標題 ↑*/
/*↓ 字體 - 字體的數量可以任意增加,之間以半角逗號隔開,系統會根據設備是否安裝了該字體從前往後依次渲染 ↓ */
/*↓ 使用新的字體請在root前定義 ↓ */
--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: 230, 40, 60;
/*↑ 淺紅色,鏈接顏色 ↑*/
--bright-accent: 133, 0, 5;
/*↑ 亮紅色 ↑*/
--medium-accent: 100, 46, 44;
/*↑ 紅色 - 基準顏色 ↑*/
--dark-accent: 100, 3, 15;
/*↑ 深紅色 ↑*/
--alt-accent: 221, 102, 17;
/*↑ 橘色,頁面不存在的鏈接顏色 ↑*/
/*↓ 背景及頁眉顏色 ↓ */
--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);
/*↑ 大標題顏色 - 即“SCP基金會” ↑*/
--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));
}