From f412b4ca34183149b5d87bd5c59a369e7312dd2f Mon Sep 17 00:00:00 2001
From: obscurefreeman <1093048022@qq.com>
Date: Sun, 18 Feb 2024 19:29:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Ebony Gamer Theme.md                          |   22 +
 zh/chernobyl.html                             | 1689 +++++++++++++++++
 zh/ebonygamer.html                            |    2 +-
 zh/index.html                                 |    2 +-
 ...35\345\210\251\344\270\273\351\242\230.md" |   24 +
 ...21\346\252\200\344\270\273\351\242\230.md" |    9 +-
 ...51\345\256\266\344\270\273\351\242\230.md" |   13 +-
 7 files changed, 1750 insertions(+), 11 deletions(-)
 create mode 100644 Ebony Gamer Theme.md
 create mode 100644 zh/chernobyl.html
 create mode 100644 "\345\210\207\345\260\224\350\257\272\350\264\235\345\210\251\344\270\273\351\242\230.md"
diff --git a/Ebony Gamer Theme.md b/Ebony Gamer Theme.md
new file mode 100644
index 0000000..5dc8f11
--- /dev/null
+++ b/Ebony Gamer Theme.md	
@@ -0,0 +1,22 @@
+# Ebony Gamer Theme
+
+## [简体中文](/typora_theme_ebony/zh/ebonygamer) | English
+
+> 清晰，高效，精美的**Typora主题**，根据我长期使用Typora的经验制成。
+>
+
+## 特征
+
+1. 黑檀玩家主题是一款可用于展示的主题，具有十足的现代感。你可以将编写的文档导出为HTML放在网站上展示。
+1. 继承黑檀主题的优点，清晰易读且优雅。
+1. 该主题更易于修改和编辑。想换一个配色？只需改几行就行了。
+
+## 使用说明
+
+1. 和黑檀主题不同，该主题有着更大的字体，并且不会缩放显示图片。
+
+## 下载
+
+[下载黑檀系列](https://github.com/obscurefreeman/typora_theme_ebony/releases/download/V1.0.0/ebony_theme_pack.zip)
+
+## 其他版本
\ No newline at end of file
diff --git a/zh/chernobyl.html b/zh/chernobyl.html
new file mode 100644
index 0000000..0442781
--- /dev/null
+++ b/zh/chernobyl.html
@@ -0,0 +1,1689 @@
+<!doctype html>
+<html>
+<head>
+<meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'>
+
+<style type='text/css'>html {overflow-x: initial !important;}:root { --bg-color: #ffffff; --text-color: #333333; --select-text-bg-color: #B5D6FC; --select-text-font-color: auto; --monospace: "Lucida Console",Consolas,"Courier",monospace; --title-bar-height: 20px; }
+.mac-os-11 { --title-bar-height: 28px; }
+html { font-size: 14px; background-color: var(--bg-color); color: var(--text-color); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
+h1, h2, h3, h4, h5 { white-space: pre-wrap; }
+body { margin: 0px; padding: 0px; height: auto; inset: 0px; font-size: 1rem; line-height: 1.42857; overflow-x: hidden; background: inherit; }
+iframe { margin: auto; }
+a.url { word-break: break-all; }
+a:active, a:hover { outline: 0px; }
+.in-text-selection, ::selection { text-shadow: none; background: var(--select-text-bg-color); color: var(--select-text-font-color); }
+#write { margin: 0px auto; height: auto; width: inherit; word-break: normal; overflow-wrap: break-word; position: relative; white-space: normal; overflow-x: visible; padding-top: 36px; }
+#write.first-line-indent p { text-indent: 2em; }
+#write.first-line-indent li p, #write.first-line-indent p * { text-indent: 0px; }
+#write.first-line-indent li { margin-left: 2em; }
+.for-image #write { padding-left: 8px; padding-right: 8px; }
+body.typora-export { padding-left: 30px; padding-right: 30px; }
+.typora-export .footnote-line, .typora-export li, .typora-export p { white-space: pre-wrap; }
+.typora-export .task-list-item input { pointer-events: none; }
+@media screen and (max-width: 500px) {
+  body.typora-export { padding-left: 0px; padding-right: 0px; }
+  #write { padding-left: 20px; padding-right: 20px; }
+}
+#write li > figure:last-child { margin-bottom: 0.5rem; }
+#write ol, #write ul { position: relative; }
+img { max-width: 100%; vertical-align: middle; image-orientation: from-image; }
+button, input, select, textarea { color: inherit; font: inherit; }
+input[type="checkbox"], input[type="radio"] { line-height: normal; padding: 0px; }
+*, ::after, ::before { box-sizing: border-box; }
+#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p, #write pre { width: inherit; }
+#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p { position: relative; }
+p { line-height: inherit; }
+h1, h2, h3, h4, h5, h6 { break-after: avoid-page; break-inside: avoid; orphans: 4; }
+p { orphans: 4; }
+h1 { font-size: 2rem; }
+h2 { font-size: 1.8rem; }
+h3 { font-size: 1.6rem; }
+h4 { font-size: 1.4rem; }
+h5 { font-size: 1.2rem; }
+h6 { font-size: 1rem; }
+.md-math-block, .md-rawblock, h1, h2, h3, h4, h5, h6, p { margin-top: 1rem; margin-bottom: 1rem; }
+.hidden { display: none; }
+.md-blockmeta { color: rgb(204, 204, 204); font-weight: 700; font-style: italic; }
+a { cursor: pointer; }
+sup.md-footnote { padding: 2px 4px; background-color: rgba(238, 238, 238, 0.7); color: rgb(85, 85, 85); border-radius: 4px; cursor: pointer; }
+sup.md-footnote a, sup.md-footnote a:hover { color: inherit; text-transform: inherit; text-decoration: inherit; }
+#write input[type="checkbox"] { cursor: pointer; width: inherit; height: inherit; }
+figure { overflow-x: auto; margin: 1.2em 0px; max-width: calc(100% + 16px); padding: 0px; }
+figure > table { margin: 0px; }
+thead, tr { break-inside: avoid; break-after: auto; }
+thead { display: table-header-group; }
+table { border-collapse: collapse; border-spacing: 0px; width: 100%; overflow: auto; break-inside: auto; text-align: left; }
+table.md-table td { min-width: 32px; }
+.CodeMirror-gutters { border-right: 0px; background-color: inherit; }
+.CodeMirror-linenumber { user-select: none; }
+.CodeMirror { text-align: left; }
+.CodeMirror-placeholder { opacity: 0.3; }
+.CodeMirror pre { padding: 0px 4px; }
+.CodeMirror-lines { padding: 0px; }
+div.hr:focus { cursor: none; }
+#write pre { white-space: pre-wrap; }
+#write.fences-no-line-wrapping pre { white-space: pre; }
+#write pre.ty-contain-cm { white-space: normal; }
+.CodeMirror-gutters { margin-right: 4px; }
+.md-fences { font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; overflow: visible; white-space: pre; background: inherit; position: relative !important; }
+.md-fences-adv-panel { width: 100%; margin-top: 10px; text-align: center; padding-top: 0px; padding-bottom: 8px; overflow-x: auto; }
+#write .md-fences.mock-cm { white-space: pre-wrap; }
+.md-fences.md-fences-with-lineno { padding-left: 0px; }
+#write.fences-no-line-wrapping .md-fences.mock-cm { white-space: pre; overflow-x: auto; }
+.md-fences.mock-cm.md-fences-with-lineno { padding-left: 8px; }
+.CodeMirror-line, twitterwidget { break-inside: avoid; }
+svg { break-inside: avoid; }
+.footnotes { opacity: 0.8; font-size: 0.9rem; margin-top: 1em; margin-bottom: 1em; }
+.footnotes + .footnotes { margin-top: 0px; }
+.md-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: top; background: 0px 0px; text-decoration: none; text-shadow: none; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; -webkit-tap-highlight-color: transparent; line-height: normal; font-weight: 400; text-align: left; box-sizing: content-box; direction: ltr; }
+li div { padding-top: 0px; }
+blockquote { margin: 1rem 0px; }
+li .mathjax-block, li p { margin: 0.5rem 0px; }
+li blockquote { margin: 1rem 0px; }
+li { margin: 0px; position: relative; }
+blockquote > :last-child { margin-bottom: 0px; }
+blockquote > :first-child, li > :first-child { margin-top: 0px; }
+.footnotes-area { color: rgb(136, 136, 136); margin-top: 0.714rem; padding-bottom: 0.143rem; white-space: normal; }
+#write .footnote-line { white-space: pre-wrap; }
+@media print {
+  body, html { border: 1px solid transparent; height: 99%; break-after: avoid; break-before: avoid; font-variant-ligatures: no-common-ligatures; }
+  #write { margin-top: 0px; border-color: transparent !important; padding-top: 0px !important; padding-bottom: 0px !important; }
+  .typora-export * { -webkit-print-color-adjust: exact; }
+  .typora-export #write { break-after: avoid; }
+  .typora-export #write::after { height: 0px; }
+  .is-mac table { break-inside: avoid; }
+  #write > p:nth-child(1) { margin-top: 0px; }
+  .typora-export-show-outline .typora-export-sidebar { display: none; }
+  figure { overflow-x: visible; }
+}
+.footnote-line { margin-top: 0.714em; font-size: 0.7em; }
+a img, img a { cursor: pointer; }
+pre.md-meta-block { font-size: 0.8rem; min-height: 0.8rem; white-space: pre-wrap; background: rgb(204, 204, 204); display: block; overflow-x: hidden; }
+p > .md-image:only-child:not(.md-img-error) img, p > img:only-child { display: block; margin: auto; }
+#write.first-line-indent p > .md-image:only-child:not(.md-img-error) img { left: -2em; position: relative; }
+p > .md-image:only-child { display: inline-block; width: 100%; }
+#write .MathJax_Display { margin: 0.8em 0px 0px; }
+.md-math-block { width: 100%; }
+.md-math-block:not(:empty)::after { display: none; }
+.MathJax_ref { fill: currentcolor; }
+[contenteditable="true"]:active, [contenteditable="true"]:focus, [contenteditable="false"]:active, [contenteditable="false"]:focus { outline: 0px; box-shadow: none; }
+.md-task-list-item { position: relative; list-style-type: none; }
+.task-list-item.md-task-list-item { padding-left: 0px; }
+.md-task-list-item > input { position: absolute; top: 0px; left: 0px; margin-left: -1.2em; margin-top: calc(1em - 10px); border: none; }
+.math { font-size: 1rem; }
+.md-toc { min-height: 3.58rem; position: relative; font-size: 0.9rem; border-radius: 10px; }
+.md-toc-content { position: relative; margin-left: 0px; }
+.md-toc-content::after, .md-toc::after { display: none; }
+.md-toc-item { display: block; color: rgb(65, 131, 196); }
+.md-toc-item a { text-decoration: none; }
+.md-toc-inner:hover { text-decoration: underline; }
+.md-toc-inner { display: inline-block; cursor: pointer; }
+.md-toc-h1 .md-toc-inner { margin-left: 0px; font-weight: 700; }
+.md-toc-h2 .md-toc-inner { margin-left: 2em; }
+.md-toc-h3 .md-toc-inner { margin-left: 4em; }
+.md-toc-h4 .md-toc-inner { margin-left: 6em; }
+.md-toc-h5 .md-toc-inner { margin-left: 8em; }
+.md-toc-h6 .md-toc-inner { margin-left: 10em; }
+@media screen and (max-width: 48em) {
+  .md-toc-h3 .md-toc-inner { margin-left: 3.5em; }
+  .md-toc-h4 .md-toc-inner { margin-left: 5em; }
+  .md-toc-h5 .md-toc-inner { margin-left: 6.5em; }
+  .md-toc-h6 .md-toc-inner { margin-left: 8em; }
+}
+a.md-toc-inner { font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; }
+.footnote-line a:not(.reversefootnote) { color: inherit; }
+.reversefootnote { font-family: ui-monospace, sans-serif; }
+.md-attr { display: none; }
+.md-fn-count::after { content: "."; }
+code, pre, samp, tt { font-family: var(--monospace); }
+kbd { margin: 0px 0.1em; padding: 0.1em 0.6em; font-size: 0.8em; color: rgb(36, 39, 41); background: rgb(255, 255, 255); border: 1px solid rgb(173, 179, 185); border-radius: 3px; box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, rgb(255, 255, 255) 0px 0px 0px 2px inset; white-space: nowrap; vertical-align: middle; }
+.md-comment { color: rgb(162, 127, 3); opacity: 0.6; font-family: var(--monospace); }
+code { text-align: left; vertical-align: initial; }
+a.md-print-anchor { white-space: pre !important; border-width: initial !important; border-style: none !important; border-color: initial !important; display: inline-block !important; position: absolute !important; width: 1px !important; right: 0px !important; outline: 0px !important; background: 0px 0px !important; text-decoration: initial !important; text-shadow: initial !important; }
+.os-windows.monocolor-emoji .md-emoji { font-family: "Segoe UI Symbol", sans-serif; }
+.md-diagram-panel > svg { max-width: 100%; }
+[lang="flow"] svg, [lang="mermaid"] svg { max-width: 100%; height: auto; }
+[lang="mermaid"] .node text { font-size: 1rem; }
+table tr th { border-bottom: 0px; }
+video { max-width: 100%; display: block; margin: 0px auto; }
+iframe { max-width: 100%; width: 100%; border: none; }
+.highlight td, .highlight tr { border: 0px; }
+mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }
+.md-html-inline .md-plain, .md-html-inline strong, mark .md-inline-math, mark strong { color: inherit; }
+.md-expand mark .md-meta { opacity: 0.3 !important; }
+mark .md-meta { color: rgb(0, 0, 0); }
+@media print {
+  .typora-export h1, .typora-export h2, .typora-export h3, .typora-export h4, .typora-export h5, .typora-export h6 { break-inside: avoid; }
+}
+.md-diagram-panel .messageText { stroke: none !important; }
+.md-diagram-panel .start-state { fill: var(--node-fill); }
+.md-diagram-panel .edgeLabel rect { opacity: 1 !important; }
+.md-fences.md-fences-math { font-size: 1em; }
+.md-fences-advanced:not(.md-focus) { padding: 0px; white-space: nowrap; border: 0px; }
+.md-fences-advanced:not(.md-focus) { background: inherit; }
+.typora-export-show-outline .typora-export-content { max-width: 1440px; margin: auto; display: flex; flex-direction: row; }
+.typora-export-sidebar { width: 300px; font-size: 0.8rem; margin-top: 80px; margin-right: 18px; }
+.typora-export-show-outline #write { --webkit-flex: 2; flex: 2 1 0%; }
+.typora-export-sidebar .outline-content { position: fixed; top: 0px; max-height: 100%; overflow: hidden auto; padding-bottom: 30px; padding-top: 60px; width: 300px; }
+@media screen and (max-width: 1024px) {
+  .typora-export-sidebar, .typora-export-sidebar .outline-content { width: 240px; }
+}
+@media screen and (max-width: 800px) {
+  .typora-export-sidebar { display: none; }
+}
+.outline-content li, .outline-content ul { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; list-style: none; overflow-wrap: anywhere; }
+.outline-content ul { margin-top: 0px; margin-bottom: 0px; }
+.outline-content strong { font-weight: 400; }
+.outline-expander { width: 1rem; height: 1.42857rem; position: relative; display: table-cell; vertical-align: middle; cursor: pointer; padding-left: 4px; }
+.outline-expander::before { content: ""; position: relative; font-family: Ionicons; display: inline-block; font-size: 8px; vertical-align: middle; }
+.outline-item { padding-top: 3px; padding-bottom: 3px; cursor: pointer; }
+.outline-expander:hover::before { content: ""; }
+.outline-h1 > .outline-item { padding-left: 0px; }
+.outline-h2 > .outline-item { padding-left: 1em; }
+.outline-h3 > .outline-item { padding-left: 2em; }
+.outline-h4 > .outline-item { padding-left: 3em; }
+.outline-h5 > .outline-item { padding-left: 4em; }
+.outline-h6 > .outline-item { padding-left: 5em; }
+.outline-label { cursor: pointer; display: table-cell; vertical-align: middle; text-decoration: none; color: inherit; }
+.outline-label:hover { text-decoration: underline; }
+.outline-item:hover { border-color: rgb(245, 245, 245); background-color: var(--item-hover-bg-color); }
+.outline-item:hover { margin-left: -28px; margin-right: -28px; border-left: 28px solid transparent; border-right: 28px solid transparent; }
+.outline-item-single .outline-expander::before, .outline-item-single .outline-expander:hover::before { display: none; }
+.outline-item-open > .outline-item > .outline-expander::before { content: ""; }
+.outline-children { display: none; }
+.info-panel-tab-wrapper { display: none; }
+.outline-item-open > .outline-children { display: block; }
+.typora-export .outline-item { padding-top: 1px; padding-bottom: 1px; }
+.typora-export .outline-item:hover { margin-right: -8px; border-right: 8px solid transparent; }
+.typora-export .outline-expander::before { content: "+"; font-family: inherit; top: -1px; }
+.typora-export .outline-expander:hover::before, .typora-export .outline-item-open > .outline-item > .outline-expander::before { content: "−"; }
+.typora-export-collapse-outline .outline-children { display: none; }
+.typora-export-collapse-outline .outline-item-open > .outline-children, .typora-export-no-collapse-outline .outline-children { display: block; }
+.typora-export-no-collapse-outline .outline-expander::before { content: "" !important; }
+.typora-export-show-outline .outline-item-active > .outline-item .outline-label { font-weight: 700; }
+.md-inline-math-container mjx-container { zoom: 0.95; }
+mjx-container { break-inside: avoid; }
+.md-alert.md-alert-note { border-left-color: rgb(9, 105, 218); }
+.md-alert.md-alert-important { border-left-color: rgb(130, 80, 223); }
+.md-alert.md-alert-warning { border-left-color: rgb(154, 103, 0); }
+.md-alert.md-alert-tip { border-left-color: rgb(31, 136, 61); }
+.md-alert.md-alert-caution { border-left-color: rgb(207, 34, 46); }
+.md-alert { padding: 0px 1em; margin-bottom: 16px; color: inherit; border-left: 0.25em solid rgb(0, 0, 0); }
+.md-alert-text-note { color: rgb(9, 105, 218); }
+.md-alert-text-important { color: rgb(130, 80, 223); }
+.md-alert-text-warning { color: rgb(154, 103, 0); }
+.md-alert-text-tip { color: rgb(31, 136, 61); }
+.md-alert-text-caution { color: rgb(207, 34, 46); }
+.md-alert-text { font-size: 0.9rem; font-weight: 700; }
+.md-alert-text svg { fill: currentcolor; position: relative; top: 0.125em; margin-right: 1ch; overflow: visible; }
+.md-alert-text-container::after { content: attr(data-text); text-transform: capitalize; pointer-events: none; margin-right: 1ch; }
+
+
+:root {
+  --mermaid-theme: night;
+}
+
+[lang='mermaid'] .label {
+  color: #333;
+}
+
+/* CSS Document */
+
+/** code highlight */
+
+.cm-s-inner .cm-variable,
+.cm-s-inner .cm-operator,
+.cm-s-inner .cm-property {
+    color: #b8bfc6;
+}
+
+.cm-s-inner .cm-keyword {
+    color: #C88FD0;
+}
+
+.cm-s-inner .cm-tag {
+    color: #f4df6a;
+}
+
+.cm-s-inner .cm-attribute {
+    color: #7575E4;
+}
+
+.CodeMirror div.CodeMirror-cursor {
+    border-left: 1px solid #b8bfc6;
+    z-index: 3;
+}
+
+.cm-s-inner .cm-string {
+    color: #D26B6B;
+}
+
+.cm-s-inner .cm-comment,
+.cm-s-inner.cm-comment {
+    color: #DA924A;
+}
+
+.cm-s-inner .cm-header,
+.cm-s-inner .cm-def,
+.cm-s-inner.cm-header,
+.cm-s-inner.cm-def {
+    color: #8d8df0;
+}
+
+.cm-s-inner .cm-quote,
+.cm-s-inner.cm-quote {
+    color: #57ac57;
+}
+
+.cm-s-inner .cm-hr {
+    color: #d8d5d5;
+}
+
+.cm-s-inner .cm-link {
+    color: #d3d3ef;
+}
+
+.cm-s-inner .cm-negative {
+    color: #d95050;
+}
+
+.cm-s-inner .cm-positive {
+    color: #50e650;
+}
+
+.cm-s-inner .cm-string-2 {
+    color: #f50;
+}
+
+.cm-s-inner .cm-meta,
+.cm-s-inner .cm-qualifier {
+    color: #b7b3b3;
+}
+
+.cm-s-inner .cm-builtin {
+    color: #f3b3f8;
+}
+
+.cm-s-inner .cm-bracket {
+    color: #997;
+}
+
+.cm-s-inner .cm-atom,
+.cm-s-inner.cm-atom {
+    color: #84B6CB;
+}
+
+.cm-s-inner .cm-number {
+    color: #64AB8F;
+}
+
+.cm-s-inner .cm-variable {
+    color: #b8bfc6;
+}
+
+.cm-s-inner .cm-variable-2 {
+    color: #9FBAD5;
+}
+
+.cm-s-inner .cm-variable-3 {
+    color: #1cc685;
+}
+
+.CodeMirror-selectedtext,
+.CodeMirror-selected {
+    background: #e37d00;
+    color: #fff !important;
+    text-shadow: none;
+}
+
+.CodeMirror-gutters {
+    border-right: none;
+}@import "";
+@import "";
+
+:root {
+    --of-theme-color: #91ffc8;
+    /* --of-theme-color-dark: #2a3139; */
+    --of-theme-color-dark: #2a3932;
+    
+    --of-darkest-color: #101312;
+    --of-darker-color: #151a17;
+    --of-dark-color: #212b27;
+    --of-dark-color2: #1c211f;
+    --of-strong: white;
+    --of-strong-code: #ff795e;
+    --of-font-size: 16.5px; /*字体大小*/
+    --of-selection: #4a89dc;
+    --of-selection-text: white;
+    --of-link-color: #91ffc8;
+
+    --bg-color: var(--of-darker-color);
+    --bg-color-megamenu: #15171a;
+    /* 侧边栏颜色 */
+    --side-bar-bg-color: var(--of-darkest-color);
+    --text-color: white;
+    /* 这才是文字颜色 */
+    --text-color-main: white;
+    /* 选中文字的颜色 */
+    --select-text-bg-color: var(--of-selection);
+    /* 被激活的目录背景 */
+    --item-hover-bg-color:  var(--of-dark-color);
+    --control-text-color: #b7b7b7;
+    --control-text-hover-color: #fff;
+    --window-border: 1px solid #333;
+    /* 被激活的文件背景 */
+    --active-file-bg-color: var(--of-dark-color);
+    --active-file-border-color: var(--of-theme-color);
+    --primary-color: var(--of-theme-color);
+    --active-file-text-color: #fff;
+    --item-hover-text-color: #fff;
+    /* 编辑HTML文件 */
+    --rawblock-edit-panel-bd: var(--of-dark-color);
+    --search-select-bg-color: #3c3c3c;
+    
+    --code-bg-color:  var(--of-dark-color);
+    /* --code-bg-color: #31302e; */
+    --footer-bg-color: var(--side-bar-bg-color);
+    --table-bg-darker-color:   var(--of-dark-color2);
+    --table-bg-color:   var(--of-dark-color);
+    --table-bg-color2:   var(--of-darkest-color);
+    --table-thead-color: var(--of-darkest-color);
+    --md-code-color: var(--of-strong-code);
+    --table-edit-color: var(--of-darkest-color);
+    --task-list-border-color: #ffffff;
+    --task-list-black-border-color: #000000;
+    /* --task-list-bg-color: rgb(176, 21, 21); */
+    --task-list-checked-color: #00ffa6;
+    /* 设置导航栏选中的背景颜色 */
+    --nav-group-item-color: var(--of-theme-color-dark);
+    --select-background: var(--of-theme-color-dark);
+    --other-main-color: var(--of-theme-color);
+    --hover-color: var(--of-dark-color2);
+    /* 引用的背景颜色 */
+    --blockquote-color: var(--of-dark-color);
+    /* 源代码被激活的颜色 */
+    --codemirror-color: var(--of-dark-color);
+    /* 右键菜单按下 */
+    --menu-item-container-btn-hover: var(--of-dark-color2);
+    /* 右键菜单按钮边框 */
+    --menu-item-container-btn: var(--of-theme-color-dark);
+    /* 右键菜单和字数统计 */
+    --context-menu-color: var(--of-darkest-color);
+    /* tooltip颜色（右键菜单按按钮时显示提示的颜色） */
+    --tooltip-color: var(--of-darkest-color);
+    /* tooltip文字颜色*/
+    --tooltip-text-color: white;
+    /* 滚动条颜色 */
+    --scrollbar-color: var(--of-theme-color-dark);
+    /* 源代码模式光标 */
+    --code-cursor-color: var(--of-theme-color);
+    /* 返回按钮 */
+    --back-btn-color: var(--of-theme-color);
+
+    --ofcodetext: Inconsolata, Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
+    --oftext: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+
+    --text-font: var(--oftext); /*正文字体*/
+    --title-font: var(--oftext); /*标题字体*/
+    --text-line-height: 1.7; /*正文行间距*/
+    --code-line-height: 1.6; /*代码块行间距*/
+    --p-spacing: 0.8rem; /*段间距*/
+
+}
+
+/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
+
+html {
+    font-size: var(--of-font-size);
+    -webkit-font-smoothing: antialiased;
+}
+
+html,
+body {
+    -webkit-text-size-adjust: 100%;
+    -ms-text-size-adjust: 100%;
+    /* background: var(--bg-color); */
+    background: 
+    linear-gradient(
+        to top,
+        rgba(0,0,0,0) 0%,
+        var(--bg-color) 100%
+    ),
+    radial-gradient(
+        circle at 50% 100%,
+        var(--of-theme-color-dark) 0%,
+        black 100%
+    );
+    background-attachment: fixed;
+    fill: currentColor;
+    line-height: var(--text-line-height);
+}
+
+#megamenu-content {
+    background-image:  url(file:///C://Users//Lenovo//AppData//Roaming//Typora/themes/obscurefreeman/background/chernobyl.png);
+    background-repeat: repeat;
+    background-position: right;
+    background-size: cover;
+}
+
+
+#write {
+    max-width: 914px;
+
+    /* background: none;
+
+    min-height: calc(100% - 48px); */
+}
+
+
+@media only screen and (min-width: 1400px) {
+	#write {
+		max-width: 1024px;
+	}
+}
+
+@media only screen and (min-width: 1800px) {
+	#write {
+		max-width: 1200px;
+	}
+}
+
+html,
+body,
+button,
+input,
+select,
+textarea,
+div.code-tooltip-content {
+    /* color: #d0d0d0; */
+    color: var(--text-color-main);
+    border-color: transparent;
+}
+
+/* .code-tooltip input {
+    background: none;
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85);
+} */
+
+div.code-tooltip,
+.md-hover-tip .md-arrow:after {
+    background: var(--code-bg-color);
+}
+
+.native-window #md-notification {
+    border: 1px solid  var(--select-background);
+}
+
+.popover.bottom > .arrow:after {
+    border-bottom-color: var(--code-bg-color);
+}
+
+html,
+body,
+button,
+input,
+select,
+textarea {
+    font-family: var(--text-font);
+}
+
+hr {
+    height: 2px;
+    border: 0;
+    margin: 24px 0 !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-family: var(--title-font);
+    font-weight: bold;
+    clear: both;
+    -ms-word-wrap: break-word;
+    word-wrap: break-word;
+    margin: 0;
+    padding: 0;
+    color: #DEDEDE
+}
+
+h1 {
+    font-size: 2.5rem;
+    /* 36px */
+    line-height: 2.75rem;
+    /* 40px */
+    margin-bottom: 1.5rem;
+    /* 24px */
+    letter-spacing: -1.5px;
+}
+
+h2 {
+    font-size: 1.63rem;
+    /* 24px */
+    line-height: 1.875rem;
+    /* 30px */
+    margin-bottom: 1.5rem;
+    /* 24px */
+    letter-spacing: -1px;
+    font-weight: bold;
+}
+
+h3 {
+    font-size: 1.17rem;
+    /* 18px */
+    line-height: 1.5rem;
+    /* 24px */
+    margin-bottom: 1.5rem;
+    /* 24px */
+    letter-spacing: -1px;
+    font-weight: bold;
+}
+
+h4 {
+    font-size: 1.12rem;
+    /* 16px */
+    line-height: 1.375rem;
+    /* 22px */
+    margin-bottom: 1.5rem;
+    /* 24px */
+    color: white;
+}
+
+h5 {
+    font-size: 0.97rem;
+    /* 16px */
+    line-height: 1.25rem;
+    /* 22px */
+    margin-bottom: 1.5rem;
+    /* 24px */
+    font-weight: bold;
+}
+
+h6 {
+    font-size: 0.93rem;
+    /* 16px */
+    line-height: 1rem;
+    /* 16px */
+    margin-bottom: 0.75rem;
+    color: white;
+}
+
+img {
+    border-radius: 8px;
+    border-left: none !important;
+    border-right: none !important;
+}
+
+@media (min-width: 980px) {
+    h3.md-focus:before,
+    h4.md-focus:before,
+    h5.md-focus:before,
+    h6.md-focus:before {
+        color: #ddd;
+        border: 1px solid #ddd;
+        border-radius: 3px;
+        position: absolute;
+        left: -1.642857143rem;
+        top: .357142857rem;
+        float: left;
+        font-size: 9px;
+        padding-left: 2px;
+        padding-right: 2px;
+        vertical-align: bottom;
+        font-weight: normal;
+        line-height: normal;
+    }
+
+    h3.md-focus:before {
+        content: 'h3';
+    }
+
+    h4.md-focus:before {
+        content: 'h4';
+    }
+
+    h5.md-focus:before {
+        content: 'h5';
+        top: 0px;
+    }
+
+    h6.md-focus:before {
+        content: 'h6';
+        top: 0px;
+    }
+}
+
+a {
+    text-decoration: none;
+    outline: 0;
+}
+
+a:hover {
+    outline: 0;
+}
+
+a:focus {
+    outline: thin dotted;
+}
+
+sup.md-footnote {
+    background-color: #555;
+    color: #ddd;
+}
+
+p {
+    -ms-word-wrap: break-word;
+    word-wrap: break-word;
+}
+
+p,
+ul,
+dd,
+ol,
+hr,
+address,
+pre,
+table,
+iframe,
+.wp-caption,
+.wp-audio-shortcode,
+.wp-video-shortcode {
+    margin-top: 0;
+    margin-bottom: 1.5rem;
+    /* 24px */
+}
+
+audio:not([controls]) {
+    display: none;
+}
+
+[hidden] {
+    display: none;
+}
+
+::-moz-selection {
+    background:  var(--of-selection);
+    color:  var(--of-selection-text);
+    text-shadow: none;
+}
+
+*.in-text-selection,
+::selection {
+    background: var(--of-selection);
+    color:  var(--of-selection-text);
+    text-shadow: none;
+}
+
+ul,
+ol {
+    padding: 0 0 0 1.875rem;
+    /* 30px */
+}
+
+ul {
+    list-style: square;
+}
+
+ol {
+    list-style: decimal;
+}
+
+ul ul,
+ol ol,
+ul ol,
+ol ul {
+    margin: 0;
+}
+
+b,
+th,
+dt,
+strong {
+    font-weight: bold;
+    color: var(--of-strong);
+}
+
+i,
+em,
+dfn,
+cite {
+    font-style: italic;
+}
+
+blockquote {
+    /* padding-left: 1.875rem; */
+    margin: 2em 0;
+    border-left: solid 5px var(--other-main-color);
+    padding: 1.5em;
+    /* background: var(--blockquote-color); */
+    color: white;
+    background: none;
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85);
+}
+
+pre,
+code,
+kbd,
+tt,
+var {
+    font-size: 0.875em;
+    font-family: var(--text-font);
+}
+
+code,
+tt,
+var {
+    background: rgba(255, 255, 255, 0.05);
+    color: var(--md-code-color);
+    /* box-shadow: 0 0 2px var(--md-code-color); */
+    border-radius: 4px;
+}
+
+kbd {
+    padding: 2px 4px;
+    font-size: 90%;
+    color: #fff;
+    background-color: var(--code-bg-color);
+    border-radius: 3px;
+    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
+}
+
+/* pre.md-fences {
+    padding: 10px 10px 10px 30px;
+    margin-bottom: 20px;
+    background: #31302e;
+} */
+pre.md-fences {
+    font-size: 1rem;
+    padding: 0.5rem !important;
+    border-radius: 8px;
+    word-wrap: normal;
+    background:none;
+    /* background-color: var(--code-bg-color); */
+    border: none;
+    font-family: var(--ofcodetext);
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85);
+}
+
+.CodeMirror-gutters {
+    background: none;
+    border-right: 1px solid transparent;
+}
+
+.enable-diagrams pre.md-fences[lang="sequence"] .code-tooltip,
+.enable-diagrams pre.md-fences[lang="flow"] .code-tooltip,
+.enable-diagrams pre.md-fences[lang="mermaid"] .code-tooltip {
+    bottom: -2.2em;
+    right: 4px;
+}
+
+code,
+kbd,
+tt,
+var {
+    padding: 2px 5px;
+}
+
+table {
+    max-width: 100%;
+    width: 100%;
+    border-collapse: collapse;
+    border-spacing: 0;
+    background: none;
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85);
+}
+
+th,
+td {
+    padding: 5px 10px;
+    vertical-align: top;
+}
+
+a {
+    -webkit-transition: all .2s ease-in-out;
+    transition: all .2s ease-in-out;
+}
+
+hr {
+    background: var(--other-main-color);
+    /* 下划线颜色 */
+    /* variable */
+}
+
+h1 {
+    margin-top: 1em;
+}
+
+a {
+    color: var(--of-link-color);
+    text-decoration: underline;
+}
+
+a:hover {
+    color: #fff;
+}
+
+.md-inline-math script {
+    color: #81b1db;
+}
+
+mark {
+    background: var(--other-main-color);
+    /* color: white; */
+}
+
+table a {
+    color: #DEDEDE;
+    /* variable */
+}
+
+table tr {
+    border-top: 1px solid #212121;
+    margin: 0;
+    padding: 0;
+}
+table tr th {
+    font-weight: bold;
+    color: var(--other-main-color);
+    border: 1px solid #383838;
+    border-bottom: 0;
+    text-align: left;
+    margin: 0;
+    padding: 6px 13px;
+}
+table tr td {
+    border: 1px solid #383838;
+    text-align: left;
+    margin: 0;
+    padding: 6px 13px;
+}
+table tr th:first-child,
+table tr td:first-child {
+    margin-top: 0;
+}
+table tr th:last-child,
+table tr td:last-child {
+    margin-bottom: 0;
+}
+
+/* th,
+td {
+    border: solid 1px #544e47;
+} */
+
+
+/* 设置表格头部行的样式 */
+/* th,
+
+th {
+    background-color: var(--table-thead-color);
+} */
+
+/* 设置奇偶行的背景颜色 */
+
+/* tr:nth-child(2n) {
+    background-color: var(--table-bg-darker-color);
+}
+
+tr:nth-child(2n + 1) {
+    background-color: var(--table-bg-color);
+} */
+
+.task-list {
+    padding-left: 0;
+}
+
+.md-task-list-item {
+    padding-left: 1.25rem;
+}
+
+.md-task-list-item > input {
+    top: auto;
+}
+
+.md-task-list-item > input:before {
+    content: "";
+    display: inline-block;
+    width: 0.875rem;
+    height: 0.875rem;
+    vertical-align: middle;
+    text-align: center;
+    border: 2px solid var(--task-list-border-color);
+    /* background-color: var(--task-list-bg-color); */
+    margin-top: -0.4rem;
+    border-radius: 4px
+}
+
+
+.md-task-list-item > input:checked:before,
+.md-task-list-item > input[checked]:before {
+    /* content: '\2713';
+    font-size: 0.625rem;
+    line-height: 0.625rem;
+    color: var(--task-list-checked-color); */
+    background-color: var(--task-list-checked-color);
+    border-radius: 4px;
+    border: 2px solid var(----task-list-black-border-color);
+}
+
+
+
+/** quick open **/
+.auto-suggest-container {
+    border: 0px;
+    background-color: var(--select-background);
+}
+
+#typora-quick-open {
+    background-color: var(--select-background);
+}
+
+#typora-quick-open input{
+    background-color: var(--select-background);
+    border: 0;
+    border-bottom: 1px solid grey;
+}
+
+.typora-quick-open-item {
+    background-color: inherit;
+    color: inherit;
+}
+
+.typora-quick-open-item.active,
+.typora-quick-open-item:hover {
+    background-color: var(--other-main-color);
+    color: white;
+}
+
+.typora-quick-open-item:hover {
+    background-color:  var(--select-background);
+}
+
+.typora-search-spinner > div {
+  background-color: #fff;
+}
+
+/* #write pre.md-meta-block {
+    border-bottom: 1px dashed #ccc;
+    background: transparent;
+    padding-bottom: 0.6em;
+    line-height: 1.6em;
+} */
+#write pre.md-meta-block {
+    font-size: 0.8rem;
+    border: 1px dashed #ccc;
+    border-color: var(--primary-color);
+    padding: 1rem;
+    border-radius: 8px;
+    line-height: 1.45;
+    background: none;
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85);
+    font-family: var(--ofcodetext);
+}
+
+.btn,
+.btn .btn-default {
+    background: transparent;
+    color: #b8bfc6;
+}
+
+.ty-table-edit {
+    border-top: 1px solid gray;
+    background-color: var(--table-edit-color);
+}
+
+.popover-title {
+    background: transparent;
+}
+
+.md-image>.md-meta {
+    color: #BBBBBB;
+    background: transparent;
+}
+
+.md-expand.md-image>.md-meta {
+    color: #DDD;
+}
+
+#write>h3:before,
+#write>h4:before,
+#write>h5:before,
+#write>h6:before {
+    border: none;
+    border-radius: 0px;
+    color: #888;
+    text-decoration: underline;
+    left: -1.4rem;
+    top: 0.2rem;
+}
+
+#write>h3.md-focus:before {
+    top: 2px;
+}
+
+#write>h4.md-focus:before {
+    top: 2px;
+}
+
+.md-toc-item {
+    color: #A8C2DC;
+}
+
+#write div.md-toc-tooltip {
+    background-color:  var(--select-background);
+}
+
+.dropdown-menu .btn:hover,
+.dropdown-menu .btn:focus,
+.md-toc .btn:hover,
+.md-toc .btn:focus {
+    color: white;
+    background: black;
+}
+
+#toc-dropmenu {
+    background:  var(--select-background);
+    border: 1px solid rgba(253, 253, 253, 0.15);
+}
+
+#toc-dropmenu .divider {
+    background-color: #9b9b9b;
+}
+
+.outline-expander:before {
+    top: 2px;
+}
+
+#typora-sidebar {
+    box-shadow: none;
+    border-right: 1px dashed;
+    border-right: none;
+    background: none;
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85);
+}
+
+.sidebar-tabs {
+    border-bottom:0;
+}
+
+#typora-sidebar:hover .outline-title-wrapper {
+    border-left: 1px dashed;
+}
+
+.outline-title-wrapper .btn {
+    color: inherit;
+}
+
+.outline-item:hover {
+    border-color: var(--item-hover-bg-color);
+    background-color: var(--item-hover-bg-color);
+    color: white;
+}
+
+h1.md-focus .md-attr,
+h2.md-focus .md-attr,
+h3.md-focus .md-attr,
+h4.md-focus .md-attr,
+h5.md-focus .md-attr,
+h6.md-focus .md-attr,
+.md-header-span .md-attr {
+    color: #8C8E92;
+    display: inline;
+}
+
+.md-comment {
+    color: var(--other-main-color);
+    opacity: 0.8;
+}
+
+.md-inline-math svg {
+    color: #c6c1b8;
+}
+
+#math-inline-preview .md-arrow:after {
+    background: black;
+}
+
+.modal-content {
+    background: var(--bg-color);
+    border: 0;
+}
+
+.modal-title {
+    font-size: 1.5em;
+}
+
+.modal-content input {
+    background-color: rgba(26, 21, 21, 0.51);
+    color: white;
+}
+
+.modal-content .input-group-addon {
+    color: white;
+}
+
+.modal-backdrop {
+    background-color: rgba(174, 174, 174, 0.7);
+}
+
+.modal-content .btn-primary {
+    border-color: var(--primary-color);
+}
+
+.md-table-resize-popover {
+    background: none;
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85);
+}
+
+.form-inline .input-group .input-group-addon {
+    color: white;
+}
+
+#md-searchpanel {
+    border-bottom: 1px dashed grey;
+}
+
+/* 右键菜单和字数统计 */
+
+.context-menu,
+#footer-word-count-info,
+#spell-check-panel {
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85);
+    background: none;
+    border-radius: 8px;
+}
+
+.context-menu.dropdown-menu .divider,
+.dropdown-menu .divider {
+    background-color: #777777;
+    opacity: 1;
+}
+
+/* 页尾模糊 */
+
+footer {
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85);
+    border: none !important;
+    background: none;
+}
+/* footer {
+    color: inherit;
+} */
+
+@media (max-width: 1000px) {
+    footer {
+        border-top: none;
+    }
+    footer:hover {
+        color: inherit;
+    }
+}
+
+#file-info-file-path .file-info-field-value:hover {
+    background-color: #555;
+    color: #dedede;
+}
+
+.megamenu-content,
+.megamenu-opened header {
+    background: var(--bg-color-megamenu);
+}
+
+.megamenu-menu-panel h2,
+.megamenu-menu-panel h1,
+.long-btn {
+    color: inherit;
+}
+
+.megamenu-menu-panel input[type='text'] {
+    background: inherit;
+    border: 0;
+    border-bottom: 1px solid;
+}
+
+#recent-file-panel {
+    padding: 10px;
+  }
+
+#recent-file-panel-action-btn {
+    background: inherit;
+    border: 1px grey solid;
+}
+
+#recent-file-panel tbody {
+    background: none;
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85);
+}
+
+#recent-file-panel tbody tr:nth-child(2n) {
+    background: none;
+}
+
+#recent-file-panel tbody tr:nth-child(2n + 1) {
+    background: none;
+}
+
+
+.modal-footer .btn-default, 
+.modal-footer .btn-primary,
+.modal-footer .btn-default:not(:hover) {
+    border: 1px solid;
+    border-color: transparent;
+}
+
+/* #recent-file-panel-action-btn:hover {
+    background-color: var(--hover-bg-color1);
+} */
+
+/* 一体化菜单 */
+
+#megamenu-back-btn {
+    border-color: transparent;
+    color: var(--back-btn-color);
+}
+
+.megamenu-menu-header:hover {
+    background-color: var(--item-hover-bg-color);
+}
+
+.megamenu-menu-panel .dropdown-menu > li > a {
+    color: inherit;
+    background-color: var(--select-background);
+    text-decoration: none;
+}
+
+.megamenu-menu-panel table td:nth-child(1) {
+    color: inherit;
+    font-weight: bold;
+}
+
+.megamenu-menu-panel tbody tr:hover td:nth-child(1) {
+    color: white;
+}
+
+/* .megamenu-menu-sidebar tbody tr:hover td:nth-child(1) {
+    background-color: rgb(0, 0, 0);
+} */
+.megamenu-menu {
+    /* background-color: var(--side-bar-bg-color); */
+    background: none;
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85);
+}
+
+
+
+
+
+.btn-primary {
+    color: white;
+}
+
+.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
+    color: white;
+    border: 1px solid #ddd;
+    background-color: inherit;
+}
+
+.modal-header {
+    border-bottom: 0;
+}
+
+.modal-footer {
+    border-top: 0;
+}
+
+.megamenu-menu-panel tbody tr:hover td:nth-child(2) {
+    color: inherit;
+}
+
+.megamenu-menu-panel .btn {
+    border: 1px solid #eee;
+    background: transparent;
+}
+
+.mouse-hover .toolbar-icon.btn:hover,
+#w-full.mouse-hover,
+#w-pin.mouse-hover {
+    background-color: inherit;
+}
+
+.typora-node::-webkit-scrollbar {
+    width: 5px;
+}
+
+.typora-node::-webkit-scrollbar-thumb:vertical {
+    background: rgba(250, 250, 250, 0.3);
+}
+
+.typora-node::-webkit-scrollbar-thumb:vertical:active {
+    background: rgba(250, 250, 250, 0.5);
+}
+
+#w-unpin {
+    background-color:  var(--other-main-color);
+}
+
+/* 放大缩小的颜色 */
+#top-titlebar .toolbar-icon.btn:hover {
+    color: var(--item-hover-text-color);
+    background-color: var(--of-theme-color-dark);
+}
+
+/* 关闭按钮的颜色 */
+#top-titlebar #w-close:hover {
+    background-color: #e81123 !important;
+}
+
+#top-titlebar, #top-titlebar * {
+    color: var(--item-hover-text-color);
+}
+
+.typora-sourceview-on #toggle-sourceview-btn,
+#footer-word-count:hover,
+.ty-show-word-count #footer-word-count {
+    background: var(--hover-color);
+    /* 字数统计按下去的颜色 */
+}
+
+#toggle-sourceview-btn:hover {
+    color: white;
+    background: var(--hover-color);
+    /* 查看源代码按下去的颜色 */
+}
+
+/** focus mode */
+.on-focus-mode .md-end-block:not(.md-focus):not(.md-focus-container) * {
+    color: #686868 !important;
+}
+
+.on-focus-mode .md-end-block:not(.md-focus) img,
+.on-focus-mode .md-task-list-item:not(.md-focus-container)>input {
+    opacity: #686868 !important;
+}
+
+.on-focus-mode li[cid]:not(.md-focus-container){
+    color: #686868;
+}
+
+.on-focus-mode .md-fences.md-focus .CodeMirror-code>*:not(.CodeMirror-activeline) *,
+.on-focus-mode .CodeMirror.cm-s-inner:not(.CodeMirror-focused) * {
+    color: #686868 !important;
+}
+
+.on-focus-mode .md-focus,
+.on-focus-mode .md-focus-container {
+    color: white;
+}
+
+.on-focus-mode #typora-source .CodeMirror-code>*:not(.CodeMirror-activeline) * {
+    color: #686868 !important;
+}
+
+
+/*diagrams*/
+#write .md-focus .md-diagram-panel {
+    border: 1px solid white;
+    margin-left: -1px;
+    width: calc(100% + 2px);
+}
+
+/*diagrams*/
+#write .md-focus.md-fences-with-lineno .md-diagram-panel {
+    margin-left: auto;
+}
+
+.md-diagram-panel-error {
+    color: #f1908e;
+}
+
+.active-tab-files #info-panel-tab-file,
+.active-tab-files #info-panel-tab-file:hover,
+.active-tab-outline #info-panel-tab-outline,
+.active-tab-outline #info-panel-tab-outline:hover {
+    color: white;
+}
+
+.sidebar-footer-item:hover,
+.footer-item:hover {
+    background: inherit;
+    color: white;
+}
+
+.ty-side-sort-btn.active,
+.ty-side-sort-btn:hover,
+.selected-folder-menu-item a:after {
+    color: white;
+}
+
+#sidebar-files-menu {
+    border:solid 1px;
+    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.79);
+    background-color: var(--bg-color);
+}
+
+.file-list-item {
+    border-bottom:none;
+}
+
+.file-list-item-summary {
+    opacity: 1;
+}
+
+.file-list-item.active:first-child {
+    border-top: none;
+}
+
+.file-node-background {
+    height: 32px;
+}
+
+.file-library-node.active>.file-node-content,
+.file-list-item.active {
+    color: white;
+    color: var(--active-file-text-color);
+}
+
+.file-library-node.active>.file-node-background{
+    background-color: rgb(34, 34, 34);
+    background-color: var(--active-file-bg-color);
+}
+.file-list-item.active {
+    background-color: rgb(34, 34, 34);
+    background-color: var(--active-file-bg-color);
+}
+
+#ty-tooltip {
+    background-color:  var(--tooltip-color);
+    color: var(--tooltip-text-color);
+}
+
+/* 右键菜单按下（暂时不用） */
+/* .menu-item-container:hover {
+    background-color: var(--menu-item-container-btn-hover);
+} */
+
+/* .menu-item-container:active {
+    animation: buttonClickAnimation 0.3s;
+} */
+
+
+/* 右键菜单按钮 */
+.menu-item-container a.menu-style-btn {
+    /* background: var(--menu-item-container-btn); */
+    background: none;
+    border: 1px solid;
+    border-color: var(--menu-item-container-btn);
+    border-radius: 5px;
+}
+
+.md-task-list-item>input {
+    margin-left: -1.3em;
+    margin-top: 0.3rem;
+    -webkit-appearance: none;
+}
+
+.md-mathjax-midline {
+    background-color:  var(--select-background);
+    border-bottom: none;
+}
+
+footer.ty-footer {
+    border-color: var(--select-background);
+}
+
+.ty-preferences .btn-default {
+    background: transparent;
+}
+.ty-preferences .btn-default:hover {
+    background: var(--select-background);
+}
+
+.ty-preferences select {
+    border: 1px solid #9a9a9a;
+    height: 21px;
+}
+
+.ty-preferences .nav-group-item.active,
+.export-item.active,
+.export-items-list-control,
+.export-detail {
+    background: var(--item-hover-bg-color);
+}
+
+.ty-preferences input[type="search"] {
+    border-color: var(--code-bg-color);
+    background: var(--code-bg-color);
+    line-height: 22px;
+    border-radius: 6px;
+    color: white;
+}
+
+.ty-preferences input[type="search"]:focus {
+    box-shadow: none;
+}
+
+[data-is-directory="true"] .file-node-content {
+    margin-bottom: 0;
+}
+
+.file-node-title {
+    line-height: 22px;
+}
+
+.html-for-mac .file-node-open-state, .html-for-mac .file-node-icon {
+    line-height: 26px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: rgba(230, 230, 230, 0.30);
+}
+
+::-webkit-scrollbar-thumb:active {
+    background: rgba(230, 230, 230, 0.50);
+}
+
+#typora-sidebar:hover div.sidebar-content-content::-webkit-scrollbar-thumb:horizontal {
+    background: rgba(230, 230, 230, 0.30);
+}
+
+.nav-group-item:active {
+    background-color:  var(--nav-group-item-color) !important;
+}
+
+.md-search-hit {
+    background:  var(--select-background);
+    color: white;
+}
+
+.md-search-hit * {
+    color: white;
+}
+
+#md-searchpanel input {
+    color: white;
+}
+
+.modal-backdrop.in {
+    opacity: 1;
+    backdrop-filter: blur(1px);
+}
+
+.clear-btn-icon {
+    top: 8px;
+}
+
+
+/* 代码模式 */
+
+.cm-s-typora-default .cm-header, 
+.cm-s-typora-default .cm-property
+{
+    color: var(--other-main-color);
+}
+
+.CodeMirror.cm-s-typora-default div.CodeMirror-cursor{
+    border-left: 3px solid var(--code-cursor-color);
+}
+
+.cm-s-typora-default .cm-comment {
+    color: #ffffff;
+}
+
+.cm-s-typora-default .cm-string {
+    color: #00bfff
+}
+
+.cm-s-typora-default .cm-atom, .cm-s-typora-default .cm-number {
+    color: #aa00ff;
+    font-style: italic;
+}
+
+.cm-s-typora-default .cm-link {
+    color: #95B94B;
+}
+
+.cm-s-typora-default .CodeMirror-activeline-background {
+    background: var(--codemirror-color);
+}
+
+.cm-s-typora-default .cm-comment, .cm-s-typora-default .cm-code {
+	color: #e1bb8a;
+}
+
+
+
+/* .outline-item:active, */
+/* .has-extra-menu:active, */
+a:active,
+.info-panel-tab-title:active {
+    animation: buttonClickAnimation 0.3s;
+}
+
+@keyframes buttonClickAnimation {
+    0% {
+        transform: scale(1);
+    }
+    50% {
+        transform: scale(0.9);
+    }
+    100% {
+        transform: scale(1);
+    }
+}
+
+/*滚动条*/
+::-webkit-scrollbar-thumb
+{
+  border-radius: 8px;
+  background-color: var(--scrollbar-color);
+}
+
+
+</style><title>切尔诺贝利主题</title>
+</head>
+<body class='typora-export os-windows'><div class='typora-export-content'>
+<div id='write'  class=''><h1 id='切尔诺贝利主题'><span>切尔诺贝利主题</span></h1><h2 id='简体中文--english'><span>简体中文 | </span><a href='/typora_theme_ebony/en/chernobyl'><span>English</span></a></h2><blockquote><p><span>前往险象环生的切尔诺贝利，穿越充满辐射的废墟，感受生命与毁灭的交织。</span></p></blockquote><h2 id='特征'><span>特征</span></h2><ol start='' ><li><p><span>充满</span><strong><span>现代感</span></strong><span>和</span><strong><span>科技感</span></strong><span>的</span><strong><span>Typora主题</span></strong><span>。从侧边栏到代码框再到右键菜单，含有大量毛玻璃效果。</span></p></li><li><p><span>包含两种不同的配色，神秘的</span><strong><span>蓝色主题</span></strong><span>和鲜亮的</span><strong><span>绿色主题</span></strong><span>！</span></p></li><li><p><span>在黑檀玩家主题的基础上重新设计而来，同样易于编辑改进。</span></p></li></ol><h2 id='使用说明'><span>使用说明</span></h2><ol start='' ><li><p><span>部分用户可能觉得该主题有点光污染，编辑的时候会分散注意力。你可以选择更温和的蓝色主题。绿色主题更适合放在网站上展示，能起到意想不到的作用。</span></p></li></ol><h2 id='黑檀系列'><span>黑檀系列</span></h2><figure class='table-figure'><table><thead><tr><th style='text-align:center;' ><span>名称</span></th><th style='text-align:center;' ><span>黑檀主题</span></th><th style='text-align:center;' ><span>黑檀玩家主题</span></th><th style='text-align:center;' ><span>切尔诺贝利主题</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>预览</span></td><td style='text-align:center;' ><img src="https://s2.loli.net/2024/02/18/fCkNEgublK8W4US.png" referrerpolicy="no-referrer" alt="屏幕截图 2024-02-18 185349.png"></td><td style='text-align:center;' ><img src="https://s2.loli.net/2024/02/18/4BFod6tCbnZRia7.png" referrerpolicy="no-referrer" alt="屏幕截图 2024-02-18 185213.png"></td><td style='text-align:center;' ><img src="https://s2.loli.net/2024/02/18/oNPgzh24mqs1caM.png" referrerpolicy="no-referrer" alt="屏幕截图 2024-02-18 185413.png"></td></tr><tr><td style='text-align:center;' ><span>用途</span></td><td style='text-align:center;' ><span>适合编辑和阅读</span></td><td style='text-align:center;' ><span>适合编辑，阅读和展示</span></td><td style='text-align:center;' ><span>适合编辑和展示</span></td></tr><tr><td style='text-align:center;' ><span>主页</span></td><td style='text-align:center;' ><a href='/typora_theme_ebony/zh/'><span>链接</span></a></td><td style='text-align:center;' ><a href='/typora_theme_ebony/zh/ebonygamer'><span>链接</span></a></td><td style='text-align:center;' ><a href='/typora_theme_ebony/zh/chernobyl'><span>链接</span></a></td></tr></tbody></table></figure></div></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/zh/ebonygamer.html b/zh/ebonygamer.html
index 122834b..8f7e90e 100644
--- a/zh/ebonygamer.html
+++ b/zh/ebonygamer.html
@@ -1581,6 +1581,6 @@
 </style><title>黑檀玩家主题</title>
 </head>
 <body class='typora-export os-windows'><div class='typora-export-content'>
-<div id='write'  class=''><h1 id='黑檀玩家主题'><span>黑檀玩家主题</span></h1><h2 id='简体中文--english'><span>简体中文 | </span><a href='/typora_theme_ebony/en/ebonygamer'><span>English</span></a></h2><blockquote><p><span>清晰，高效，精美的</span><strong><span>Typora主题</span></strong><span>，根据我长期使用Typora的经验制成。</span></p></blockquote><h2 id='特征'><span>特征</span></h2><ol start='' ><li><p><span>黑檀玩家主题是一款可用于展示的主题，具有十足的现代感。你可以将编写的文档导出为HTML放在网站上展示。</span></p></li><li><p><span>继承黑檀主题的优点，清晰易读且优雅。</span></p></li><li><p><span>该主题更易于修改和编辑。想换一个配色？只需改几行就行了。</span></p></li></ol><h2 id='使用说明'><span>使用说明</span></h2><ol start='' ><li><p><span>和黑檀主题不同，该主题有着更大的字体，并且不会缩放显示图片。</span></p></li></ol><h2 id='下载'><span>下载</span></h2><p><a href='https://github.com/obscurefreeman/typora_theme_ebony/releases/download/V1.0.0/ebony_theme_pack.zip'><span>下载黑檀系列</span></a></p><h2 id='其他版本'><span>其他版本</span></h2></div></div>
+<div id='write'  class=''><h1 id='黑檀玩家主题'><span>黑檀玩家主题</span></h1><h2 id='简体中文--english'><span>简体中文 | </span><a href='/typora_theme_ebony/en/ebonygamer'><span>English</span></a></h2><blockquote><p><span>昏暗的房间，微弱的灯光，地上散落着几片残破的薯片袋和空空的饮料罐。屏幕上闪烁着绚丽的游戏画面，房间里弥漫着电子设备散发出的微弱热气和键盘敲击声。</span></p></blockquote><h2 id='特征'><span>特征</span></h2><ol start='' ><li><p><span>黑檀玩家主题是一款可用于展示的主题，具有十足的现代感。你可以将编写的文档导出为HTML放在网站上展示。</span></p></li><li><p><span>继承黑檀主题的优点，清晰易读且优雅。</span></p></li><li><p><span>该主题更易于修改和编辑。想换一个配色？只需改几行就行了。</span></p></li></ol><h2 id='使用说明'><span>使用说明</span></h2><ol start='' ><li><p><span>和黑檀主题不同，该主题有着更大的字体，并且不会缩放显示图片。</span></p></li></ol><h2 id='黑檀系列'><span>黑檀系列</span></h2><figure class='table-figure'><table><thead><tr><th style='text-align:center;' ><span>名称</span></th><th style='text-align:center;' ><span>黑檀主题</span></th><th style='text-align:center;' ><span>黑檀玩家主题</span></th><th style='text-align:center;' ><span>切尔诺贝利主题</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>预览</span></td><td style='text-align:center;' ><img src="https://s2.loli.net/2024/02/18/fCkNEgublK8W4US.png" referrerpolicy="no-referrer" alt="屏幕截图 2024-02-18 185349.png"></td><td style='text-align:center;' ><img src="https://s2.loli.net/2024/02/18/4BFod6tCbnZRia7.png" referrerpolicy="no-referrer" alt="屏幕截图 2024-02-18 185213.png"></td><td style='text-align:center;' ><img src="https://s2.loli.net/2024/02/18/oNPgzh24mqs1caM.png" referrerpolicy="no-referrer" alt="屏幕截图 2024-02-18 185413.png"></td></tr><tr><td style='text-align:center;' ><span>用途</span></td><td style='text-align:center;' ><span>适合编辑和阅读</span></td><td style='text-align:center;' ><span>适合编辑，阅读和展示</span></td><td style='text-align:center;' ><span>适合编辑和展示</span></td></tr><tr><td style='text-align:center;' ><span>主页</span></td><td style='text-align:center;' ><a href='/typora_theme_ebony/zh/'><span>链接</span></a></td><td style='text-align:center;' ><a href='/typora_theme_ebony/zh/ebonygamer'><span>链接</span></a></td><td style='text-align:center;' ><a href='/typora_theme_ebony/zh/chernobyl'><span>链接</span></a></td></tr></tbody></table></figure></div></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/zh/index.html b/zh/index.html
index d6c945e..c1b7213 100644
--- a/zh/index.html
+++ b/zh/index.html
@@ -1629,6 +1629,6 @@
 </style><title>黑檀主题</title>
 </head>
 <body class='typora-export os-windows'><div class='typora-export-content'>
-<div id='write'  class=''><h1 id='黑檀主题'><span>黑檀主题</span></h1><h2 id='简体中文--englishtyporathemeebonyen'><span>简体中文 | </span><a href='/typora_theme_ebony/en/'><span>English</span></a></h2><blockquote><p><span>清晰，高效的</span><strong><span>Typora主题</span></strong><span>，根据我长期使用Typora的经验制成。</span></p></blockquote><h2 id='特征'><span>特征</span></h2><ol start='' ><li><p><span>历经小半年的打磨，该主题已十分完美，</span><strong><span>界面美观</span></strong><span>，且</span><strong><span>适用于一体化模式</span></strong><span>。</span></p></li><li><p><strong><span>文字清晰护眼</span></strong><span>，插入的图片会被缩放至合适大小，节省空间，能看到更多内容。页面滚动完后仍然能往下滚一段距离，解决了使用其他主题时需要盯着页面的下半部分的问题。非常适合大学生写论文。</span></p></li><li><p><strong><span>大量采用圆角设计</span></strong><span>，代码框，图片和滚动条都有圆角，带来舒适的视觉效果。</span></p></li></ol><h2 id='使用说明'><span>使用说明</span></h2><ol start='' ><li><p><span>为了提升浏览体验，黑檀主题特意缩小了字体，如果你觉得字体太小不利于编辑，请在</span><code>偏好设置</code><span>-</span><code>外观</code><span>-</span><code>字体大小</code><span>中调整，或使用具有更大默认字体的黑檀玩家主题。</span></p></li><li><p><span>如果你想编辑修改此主题，请以黑檀玩家主题为准，因为此主题就易用性和辨识度进行了一些微调，可能会给你带来不便</span></p></li></ol><h2 id='下载'><span>下载</span></h2><p><a href='https://github.com/obscurefreeman/typora_theme_ebony/releases/download/V1.0.0/ebony_theme_pack.zip'><span>下载黑檀系列</span></a></p><h2 id='其他版本'><span>其他版本</span></h2></div></div>
+<div id='write'  class=''><h1 id='黑檀主题'><span>黑檀主题</span></h1><h2 id='简体中文--english'><span>简体中文 | </span><a href='/typora_theme_ebony/en/'><span>English</span></a></h2><blockquote><p><span>清晰，高效，精美的</span><strong><span>Typora主题</span></strong><span>，根据我长期使用Typora的经验制成。</span></p></blockquote><h2 id='特征'><span>特征</span></h2><ol start='' ><li><p><span>历经小半年的打磨，该主题已十分完美，</span><strong><span>界面美观</span></strong><span>，且</span><strong><span>适用于一体化模式</span></strong><span>。</span></p></li><li><p><strong><span>文字清晰护眼</span></strong><span>，插入的图片会被缩放至合适大小，节省空间，能看到更多内容。页面滚动完后仍然能往下滚一段距离，解决了使用其他主题时需要盯着页面的下半部分的问题。非常适合大学生写论文。</span></p></li><li><p><strong><span>大量采用圆角设计</span></strong><span>，代码框，图片和滚动条都有圆角，带来舒适和高级的视觉效果。</span></p></li><li><p><span>使用系统自带的字体，</span><strong><span>清晰可辨</span></strong><span>，拒绝花里胡哨。</span></p></li></ol><h2 id='使用说明'><span>使用说明</span></h2><ol start='' ><li><p><span>为了提升浏览体验，黑檀主题特意缩小了字体，如果你觉得字体太小不利于编辑，请在</span><code>偏好设置</code><span>-</span><code>外观</code><span>-</span><code>字体大小</code><span>中调整，或使用具有更大默认字体的黑檀玩家主题。</span></p></li><li><p><span>如果你想编辑修改此主题，请以黑檀玩家主题为准，因为此主题就易用性和辨识度进行了一些微调，可能会给你带来不便。</span></p></li></ol><h2 id='黑檀系列'><span>黑檀系列</span></h2><figure class='table-figure'><table><thead><tr><th style='text-align:center;' ><span>名称</span></th><th style='text-align:center;' ><span>黑檀主题</span></th><th style='text-align:center;' ><span>黑檀玩家主题</span></th><th style='text-align:center;' ><span>切尔诺贝利主题</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>预览</span></td><td style='text-align:center;' ><img src="https://s2.loli.net/2024/02/18/fCkNEgublK8W4US.png" referrerpolicy="no-referrer" alt="屏幕截图 2024-02-18 185349.png"></td><td style='text-align:center;' ><img src="https://s2.loli.net/2024/02/18/4BFod6tCbnZRia7.png" referrerpolicy="no-referrer" alt="屏幕截图 2024-02-18 185213.png"></td><td style='text-align:center;' ><img src="https://s2.loli.net/2024/02/18/oNPgzh24mqs1caM.png" referrerpolicy="no-referrer" alt="屏幕截图 2024-02-18 185413.png"></td></tr><tr><td style='text-align:center;' ><span>用途</span></td><td style='text-align:center;' ><span>适合编辑和阅读</span></td><td style='text-align:center;' ><span>适合编辑，阅读和展示</span></td><td style='text-align:center;' ><span>适合编辑和展示</span></td></tr><tr><td style='text-align:center;' ><span>主页</span></td><td style='text-align:center;' ><a href='/typora_theme_ebony/zh/'><span>链接</span></a></td><td style='text-align:center;' ><a href='/typora_theme_ebony/zh/ebonygamer'><span>链接</span></a></td><td style='text-align:center;' ><a href='/typora_theme_ebony/zh/chernobyl'><span>链接</span></a></td></tr></tbody></table></figure><p>&nbsp;</p></div></div>
 </body>
 </html>
\ No newline at end of file
diff --git "a/\345\210\207\345\260\224\350\257\272\350\264\235\345\210\251\344\270\273\351\242\230.md" "b/\345\210\207\345\260\224\350\257\272\350\264\235\345\210\251\344\270\273\351\242\230.md"
new file mode 100644
index 0000000..b8b0914
--- /dev/null
+++ "b/\345\210\207\345\260\224\350\257\272\350\264\235\345\210\251\344\270\273\351\242\230.md"
@@ -0,0 +1,24 @@
+# 切尔诺贝利主题
+
+## 简体中文 | [English](/typora_theme_ebony/en/chernobyl)
+
+> 前往险象环生的切尔诺贝利，穿越充满辐射的废墟，感受生命与毁灭的交织。
+>
+
+## 特征
+
+1. 充满**现代感**和**科技感**的**Typora主题**。从侧边栏到代码框再到右键菜单，含有大量毛玻璃效果。
+1. 包含两种不同的配色，神秘的**蓝色主题**和鲜亮的**绿色主题**！
+1. 在黑檀玩家主题的基础上重新设计而来，同样易于编辑改进。
+
+## 使用说明
+
+1. 部分用户可能觉得该主题有点光污染，编辑的时候会分散注意力。你可以选择更温和的蓝色主题。绿色主题更适合放在网站上展示，能起到意想不到的作用。
+
+## 黑檀系列
+
+| 名称 |                           黑檀主题                           |                         黑檀玩家主题                         |                        切尔诺贝利主题                        |
+| :--: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: |
+| 预览 | ![屏幕截图 2024-02-18 185349.png](https://s2.loli.net/2024/02/18/fCkNEgublK8W4US.png) | ![屏幕截图 2024-02-18 185213.png](https://s2.loli.net/2024/02/18/4BFod6tCbnZRia7.png) | ![屏幕截图 2024-02-18 185413.png](https://s2.loli.net/2024/02/18/oNPgzh24mqs1caM.png) |
+| 用途 |                        适合编辑和阅读                        |                     适合编辑，阅读和展示                     |                        适合编辑和展示                        |
+| 主页 |               [链接](/typora_theme_ebony/zh/)                |          [链接](/typora_theme_ebony/zh/ebonygamer)           |           [链接](/typora_theme_ebony/zh/chernobyl)           |
diff --git "a/\351\273\221\346\252\200\344\270\273\351\242\230.md" "b/\351\273\221\346\252\200\344\270\273\351\242\230.md"
index 2c72f87..1cc42c0 100644
--- "a/\351\273\221\346\252\200\344\270\273\351\242\230.md"
+++ "b/\351\273\221\346\252\200\344\270\273\351\242\230.md"
@@ -17,8 +17,11 @@
 1. 为了提升浏览体验，黑檀主题特意缩小了字体，如果你觉得字体太小不利于编辑，请在`偏好设置`-`外观`-`字体大小`中调整，或使用具有更大默认字体的黑檀玩家主题。
 1. 如果你想编辑修改此主题，请以黑檀玩家主题为准，因为此主题就易用性和辨识度进行了一些微调，可能会给你带来不便。
 
-## 下载
+## 黑檀系列
 
-[下载黑檀系列](https://github.com/obscurefreeman/typora_theme_ebony/releases/download/V1.0.0/ebony_theme_pack.zip)
+| 名称 | 黑檀主题 | 黑檀玩家主题 | 切尔诺贝利主题 |
+| :------: | :--: | :--: | :------: |
+| 预览     | ![屏幕截图 2024-02-18 185349.png](https://s2.loli.net/2024/02/18/fCkNEgublK8W4US.png) | ![屏幕截图 2024-02-18 185213.png](https://s2.loli.net/2024/02/18/4BFod6tCbnZRia7.png) | ![屏幕截图 2024-02-18 185413.png](https://s2.loli.net/2024/02/18/oNPgzh24mqs1caM.png) |
+| 用途 | 适合编辑和阅读 | 适合编辑，阅读和展示 | 适合编辑和展示 |
+| 主页 | [链接](/typora_theme_ebony/zh/) | [链接](/typora_theme_ebony/zh/ebonygamer) | [链接](/typora_theme_ebony/zh/chernobyl) |
 
-## 其他版本
\ No newline at end of file
diff --git "a/\351\273\221\346\252\200\347\216\251\345\256\266\344\270\273\351\242\230.md" "b/\351\273\221\346\252\200\347\216\251\345\256\266\344\270\273\351\242\230.md"
index f5b96b3..2576082 100644
--- "a/\351\273\221\346\252\200\347\216\251\345\256\266\344\270\273\351\242\230.md"
+++ "b/\351\273\221\346\252\200\347\216\251\345\256\266\344\270\273\351\242\230.md"
@@ -2,8 +2,7 @@
 
 ## 简体中文 | [English](/typora_theme_ebony/en/ebonygamer)
 
-> 清晰，高效，精美的**Typora主题**，根据我长期使用Typora的经验制成。
->
+> 昏暗的房间，微弱的灯光，地上散落着几片残破的薯片袋和空空的饮料罐。屏幕上闪烁着绚丽的游戏画面，房间里弥漫着电子设备散发出的微弱热气和键盘敲击声。
 
 ## 特征
 
@@ -15,8 +14,10 @@
 
 1. 和黑檀主题不同，该主题有着更大的字体，并且不会缩放显示图片。
 
-## 下载
+## 黑檀系列
 
-[下载黑檀系列](https://github.com/obscurefreeman/typora_theme_ebony/releases/download/V1.0.0/ebony_theme_pack.zip)
-
-## 其他版本
\ No newline at end of file
+| 名称 |                           黑檀主题                           |                         黑檀玩家主题                         |                        切尔诺贝利主题                        |
+| :--: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: |
+| 预览 | ![屏幕截图 2024-02-18 185349.png](https://s2.loli.net/2024/02/18/fCkNEgublK8W4US.png) | ![屏幕截图 2024-02-18 185213.png](https://s2.loli.net/2024/02/18/4BFod6tCbnZRia7.png) | ![屏幕截图 2024-02-18 185413.png](https://s2.loli.net/2024/02/18/oNPgzh24mqs1caM.png) |
+| 用途 |                        适合编辑和阅读                        |                     适合编辑，阅读和展示                     |                        适合编辑和展示                        |
+| 主页 |               [链接](/typora_theme_ebony/zh/)                |          [链接](/typora_theme_ebony/zh/ebonygamer)           |           [链接](/typora_theme_ebony/zh/chernobyl)           |

名称	黑檀主题	黑檀玩家主题	切尔诺贝利主题
预览
用途	适合编辑和阅读	适合编辑，阅读和展示	适合编辑和展示
主页	链接	链接	链接