版式:黑夜

此版式由qwerty-C7201制作。

若需将本版式引入到你的页面中，请将以下文本放到任意位置：

[[include :backroomssandboxcn:theme:666kdjdjdj]]

示例

暗色

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

---

标题可通过在一行字起始处输入 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

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

---

一条分割线

嵌套引用块

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

---

[[div class="darkblock"]]

[[/div]]

[[div class="darkerblock"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="styled-quote"]]

[[/div]]

[我是源代码]

[[module CSS]]
:root {
   --theme-base: "black-highlighter";
   --theme-id: "dark-liminal";
   --theme-name: "Dark Liminal Theme";

   --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
   --header-title: "黑夜";
   --header-subtitle: "夜深了……天黑了……";

    --body-font: Inter, Noto Sans SC, Arimo, Verdana, Geneva, sans-serif;
    --header-font: Inter, Noto Sans SC, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
    --title-font: var(--header-font);
    --mono-font: Recursive, 幼圆, Noto Serif SC, Consolas, monaco, monospace;

   --white-monochrome: 12, 22, 32;
   --pale-gray-monochrome: 0, 4, 15;
   --light-gray-monochrome: 95, 12, 95;
   --gray-monochrome: 183, 255, 195;
   --black-monochrome: 230, 255, 239;
   --bright-accent: 255, 119, 129;
   --medium-accent: 183, 186, 195;
   --dark-accent: 115, 255, 129;
   --pale-accent: 115, 255, 129;
   --dark-gray-monochrome: 255, 255, 253;
   --light-pale-gray-monochrome: 12, 11, 11;
   --ery-light-gray-monochrome: 25, 40, 25;

   --gradient-header: linear-gradient(to top,
      rgba(var(--pale-gray-monochrome)) 0%,
      rgba(var(--pale-gray-monochrome), 0.20) 100%
   );

   --swatch-headerh1-color: var(--black-monochrome);
   --swatch-headerh2-color: var(--black-monochrome);
   --swatch-topmenu-border-color: var(--pale-gray-monochrome);
   --swatch-topmenu-bg-color: var(--pale-gray-monochrome);

   --link-color: 233, 255, 68;
   --hover-link-color: 230, 255, 68;

   --background-gradient-distance: 0rem;

   --diagonal-stripes: linear-gradient(transparent 0);
}

#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--pale-gray-monochrome)) 50%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}

#side-bar .side-block div a img {
   filter: grayscale(100%);
}

#container {
   background-image: radial-gradient(circle, rgb(var(--pale-gray-monochrome), 0.40) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}

div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}

div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}

#header, #top-bar {
   background-attachment: scroll;
}

#header {
   background-image: none;
}

#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.4;
}

#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}

#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 90%;
   display: flex;
   justify-content: center;
}

#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}

#footer{
   color: rgb(var(--pale-gray-monochrome));
}

a.newpage {
   background: transparent;
   text-decoration: none
}

a.newpage {
   color: rgb(var(--newpage-color))
}

#search-top-box-input:hover,
#search-top-box-input:focus {
    background: rgba(var(--medium-accent), .25);
}

#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > a {
   color: rgb(var(--black-monochrome));
}

#top-bar div.top-bar > ul > li > a:hover,
#top-bar div.mobile-top-bar > ul > li > a:hover {
    color: rgb(--pale-gray-monochrome));
}

#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
    color: rgb(var(--pale-gray-monochrome));
}

#login-status {
    color: rgb(var(--black-monochrome));
}

#login-status a {
    color: rgb(var(--black-monochrome));
}

#login-status ul a {
    color: rgb(var(--pale-gray-monochrome));
}

#account-topbutton {
    color: rgb(var(--black-monochrome));
}

table.wiki-content-table th {
background-color: rgb(var(--pale-gray-monochrome)) !important;
color: rgb(var(--black-monochrome));
border-color: rgb(var(--black-monochrome));
}

.scp-image-block {
   box-shadow: 0 0.2rem 0.3rem rgba(0,255,0,.25);
}

blockquote,
div.blockquote {
   box-shadow: 0 0.2rem 0.3rem rgba(0,255,0,.25);
}

.styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,255,0,.25);
}

.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,255,0,.25);
}

.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}

.darkblock {
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,255,0,.25);
   color: rgb(var(--black-monochrome));
}

.lightblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,255,0,.25);
}

.darkerblock {
   background-color:rgb(var(--pale-gray-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,25,0,.25);
   color: rgb(var(--black-monochrome));
}

.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}

.sd-container {

   --sd-border:var(--white-monochrome);

   --sd-text:222,222,222;

   --sd-symbol:var(--sd-text);

   --sd-bullets:var(--sd-text);

    --sd-symbol: var(--sd-border) !important;
    --sd-symbol-secondary: 0, 255, 255;

}
[[/module]]

---