版式: 蔚蓝之梦

浅蓝--light-gray-monochrome204, 236, 255

纯蓝--gray-monochrome102, 147, 204

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

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

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

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

{$subcolor1-name}{$subcolor1-variable}{$subcolor1-info}

深蓝--black-monochrome34,47,42

{$subcolor3-name}{$subcolor3-variable}{$subcolor3-info}

亮蓝--bright-accent0,122,255

{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}

{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}

中等蓝--medium-accent0,92,173

淡蓝色--pale-accent135,206,250

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

此版式由z dn制作¹，基于dby2022的青绿幻梦进行修改

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

[[include :backroomss:theme:blue-dream]]

示例

蔚蓝之海

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

---

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

[[/div]]

[[div class="darkblock"]]

[[/div]]

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

[[/div]]

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

[[/div]]

---

+ 展开样式代码

/*没错，就这么多代码，挺意外的*/
:root {
    --theme-base: "black-highlighter";
    --theme-id: "liminal";
    --theme-name: "Liminal Theme";
    --logo-image: url("https://arandintday.github.io/thebackhubscn/logo.svg");
    --header-title: "The Backrooms";
    --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: 237, 239, 255;
    --pale-gray-monochrome: 230, 234, 255;
    --light-gray-monochrome: 204, 236, 255; /* 浅蓝色 */
    --gray-monochrome: 102, 147, 204; /* 蓝色 */
    --black-monochrome: 34, 47, 62; /* 深蓝色 */
    --bright-accent: 0, 122, 255; /* 明亮的蓝色 */
    --medium-accent: 0, 92, 173; /* 中等蓝色 */
    --dark-accent: 0, 51, 102; /* 深蓝色 */
    --pale-accent: 135, 206, 250; /* 淡蓝色 */
    --link-color: 0, 135, 247; /* 链接蓝色 */
    --hover-link-color: 0, 144, 255; /* 悬停链接色 */
    --visited-link-color: 0, 116, 179; /* 访问过的链接色 */
    --background-gradient-distance: 0rem;
    --gradient-header: linear-gradient(to top, rgba(var(--medium-accent)) 0%, rgba(var(--medium-accent), 0.90) 100%);
    --diagonal-stripes: linear-gradient(transparent 0);
}
        /*解决Saving Page的BUG*/
            body[class="wait"] #odialog-shader-iframe,body[class="wait"] #odialog-shader{display:none!important}#odialog-container{position:fixed!important}body[class="wait"] #odialog-container{z-index:-1}body[class="wait"] #odialog-container #owindow-1{display:none!important}body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info{background-color:rgb(var(--white-monochrome,150,150,150));border:1px solid rgb(var(--gray-monochrome,0,0,0))}div#lock-info{font-size:0!important;margin:.8rem 0!important;padding:.4rem .8rem!important}div#lock-info::before{content:'您握有一个独占的15 分钟锁定，这将会阻止其他人编辑您正在作业的页面。\A这个锁定将在闲置 ';display:inline;font-size:.82rem

Footnotes

1. 你zdn只会改版式第一个版式，希望能喜欢

2. 注