@bytechain.cn/colamd 1.5.0

package/themes/guizang.css

@@ -0,0 +1,732 @@
+/* ============================================
+   归藏 (Guizang) Theme for ColaMD
+   万物莫不归藏于其中
+
+   Mermaid 渲染采用 theme: 'base' 策略，
+   所有颜色由 CSS 变量驱动，不引入 Mermaid 默认调色板。
+
+   Install: place in ~/.colamd/themes/ or use
+   Theme > Import Theme in ColaMD.
+   ============================================ */
+
+body.theme-custom {
+    /* ── 基础主题变量 ── */
+    --bg-color: #f5f0e8;
+    --text-color: #2b2520;
+    --text-muted: #7a7068;
+    --border-color: #d4cfc6;
+    --link-color: #8b4513;
+    --code-bg: #e8e0d4;
+    --code-block-bg: #2b2520;
+    --code-block-text: #d8d0c4;
+    --blockquote-border: #8b4513;
+    --blockquote-bg: #ede8df;
+    --table-header-bg: #ede8df;
+    --selection-bg: rgba(139, 69, 19, 0.18);
+
+    /* ── Mermaid 字体 ── */
+    --mermaid-font-family: "LXGW WenKai", "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
+    --mermaid-font-size: 12px;
+
+    /* ── Mermaid 主题变量 ── */
+    --mermaid-background: #f0ebe3;
+    --mermaid-primary-color: #ede8df;
+    --mermaid-primary-border-color: #b0a89f;
+    --mermaid-primary-text-color: #2b2520;
+    --mermaid-secondary-color: #e8e0d4;
+    --mermaid-secondary-border-color: #c4bbb0;
+    --mermaid-secondary-text-color: #2b2520;
+
+    --mermaid-tertiary-color: #f5f0e8;
+    --mermaid-tertiary-border-color: #d4cfc6;
+    --mermaid-tertiary-text-color: #2b2520;
+    --mermaid-line-color: #8a7b6a;
+    --mermaid-text-color: #2b2520;
+    --mermaid-main-bkg: #ede8df;
+    --mermaid-second-bkg: #e8e0d4;
+    --mermaid-main-contrast-color: #2b2520;
+    --mermaid-label-background: #f0ebe3;
+    --mermaid-label-text-color: #2b2520;
+    --mermaid-node-bkg: #ede8df;
+    --mermaid-node-border: #b0a89f;
+    --mermaid-cluster-bkg: #e8e0d4;
+    --mermaid-cluster-border: #b0a89f;
+    --mermaid-default-link-color: #8a7b6a;
+    --mermaid-edge-label-background: #f0ebe3;
+    --mermaid-arrowhead-color: #8a7b6a;
+    --mermaid-person-border: #b0a89f;
+    --mermaid-person-bkg: #ede8df;
+
+    /* ── Mermaid 色阶 (cScale0-11) ── */
+    --mermaid-cscale0: #8b6b4a;
+    --mermaid-cscale1: #5a8a7a;
+    --mermaid-cscale2: #b8963a;
+    --mermaid-cscale3: #6b5a4a;
+    --mermaid-cscale4: #4a7a6b;
+    --mermaid-cscale5: #8a6b3c;
+    --mermaid-cscale6: #5a6b8a;
+    --mermaid-cscale7: #7a6b5a;
+    --mermaid-cscale8: #6b8a5a;
+    --mermaid-cscale9: #9a7a5a;
+    --mermaid-cscale10: #5a7a8a;
+    --mermaid-cscale11: #8a5a6b;
+
+    /* ── Mermaid C4 架构图 ── */
+    --mermaid-c4-person-bg: #8b4513;
+    --mermaid-c4-person-border: #6b350f;
+    --mermaid-c4-ext-person-bg: #7a6b5a;
+    --mermaid-c4-ext-person-border: #6a5b4a;
+    --mermaid-c4-system-bg: #5a8a7a;
+    --mermaid-c4-system-border: #4a7a6b;
+    --mermaid-c4-ext-system-bg: #8a6b3c;
+    --mermaid-c4-ext-system-border: #7a5b2c;
+    --mermaid-c4-container-bg: #6b5a4a;
+    --mermaid-c4-container-border: #5a4a3a;
+    --mermaid-c4-ext-container-bg: #9a8a7a;
+    --mermaid-c4-ext-container-border: #8a7a6a;
+    --mermaid-c4-component-bg: #4a7a6b;
+    --mermaid-c4-component-border: #3a6a5b;
+    --mermaid-c4-ext-component-bg: #8a7a6a;
+    --mermaid-c4-ext-component-border: #7a6a5a;
+
+    /* ── KaTeX 数学公式 ── */
+    --katex-color: #3d3530;
+}
+
+/* ════════════════════════════════════════════
+   编辑器排版
+   ════════════════════════════════════════════ */
+
+body.theme-custom,
+body.theme-custom html {
+    background-color: #f5f0e8;
+    color: #2b2520;
+}
+
+body.theme-custom #editor .ProseMirror {
+    font-family: "LXGW WenKai", "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
+    line-height: 1.9;
+}
+
+body.theme-custom #editor .ProseMirror h1,
+body.theme-custom #editor .ProseMirror h2,
+body.theme-custom #editor .ProseMirror h3,
+body.theme-custom #editor .ProseMirror h4,
+body.theme-custom #editor .ProseMirror h5,
+body.theme-custom #editor .ProseMirror h6 {
+    color: #1a1815;
+    font-weight: 700;
+    line-height: 1.4;
+}
+
+body.theme-custom #editor .ProseMirror h1 {
+    font-size: 1.8em;
+    border-bottom: 1px solid #d4cfc6;
+}
+
+body.theme-custom #editor .ProseMirror h2 {
+    font-size: 1.5em;
+    border-bottom: 1px solid #d4cfc6;
+}
+
+body.theme-custom #editor .ProseMirror h3 {
+    font-size: 1.25em;
+}
+
+body.theme-custom #editor .ProseMirror h4 {
+    font-size: 1.1em;
+}
+
+body.theme-custom #editor .ProseMirror h5 {
+    font-size: 1em;
+}
+
+body.theme-custom #editor .ProseMirror h6 {
+    font-size: 0.95em;
+    color: #7a7068;
+}
+
+body.theme-custom #editor .ProseMirror strong {
+    color: #8b4513;
+    font-weight: 700;
+}
+
+body.theme-custom #editor .ProseMirror em {
+    color: #4a4238;
+}
+
+body.theme-custom #editor .ProseMirror a {
+    color: #8b4513;
+}
+
+body.theme-custom #editor .ProseMirror code {
+    background: #e8e0d4;
+    color: #8b4513;
+    font-family: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, monospace;
+    font-size: 0.9em;
+    padding: 2px 6px;
+    border-radius: 3px;
+}
+
+body.theme-custom #editor .ProseMirror pre {
+    background: #2b2520;
+    color: #d8d0c4;
+    font-family: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, monospace;
+    font-size: 0.88em;
+    line-height: 1.6;
+    padding: 18px 22px;
+    border-radius: 6px;
+}
+
+body.theme-custom #editor .ProseMirror pre code {
+    background: transparent;
+    color: inherit;
+    padding: 0;
+    font-size: 0.88em;
+}
+
+body.theme-custom #editor .ProseMirror blockquote {
+    border-left: 4px solid #8b4513;
+    background: #ede8df;
+    padding: 15px 20px 15px 25px;
+    color: #5a5048;
+}
+
+body.theme-custom #editor .ProseMirror table th {
+    background: #ede8df;
+    border-bottom: 2px solid #8b4513;
+    color: #1a1815;
+    font-weight: 700;
+}
+
+body.theme-custom #editor .ProseMirror table td {
+    border-left: none;
+    border-right: none;
+    border-bottom: 1px solid #d4cfc6;
+}
+
+body.theme-custom #editor .ProseMirror table tr:hover td {
+    background: rgba(139, 69, 19, 0.04);
+}
+
+body.theme-custom #editor .ProseMirror hr {
+    border-top: 1px solid #d4cfc6;
+}
+
+body.theme-custom #editor .ProseMirror ::selection {
+    background: rgba(139, 69, 19, 0.18);
+}
+
+/* ════════════════════════════════════════════
+   KaTeX 数学公式
+   ════════════════════════════════════════════ */
+
+body.theme-custom .math-inline {
+    color: #2b2520;
+}
+
+body.theme-custom .math-block {
+    background: #ede8df;
+    color: #2b2520;
+}
+
+body.theme-custom .katex {
+    color: #3d3530;
+}
+
+body.theme-custom .katex .mord,
+body.theme-custom .katex .mbin,
+body.theme-custom .katex .mrel,
+body.theme-custom .katex .mopen,
+body.theme-custom .katex .mclose,
+body.theme-custom .katex .mpunct,
+body.theme-custom .katex .minner {
+    color: #3d3530;
+}
+
+body.theme-custom .math-block::-webkit-scrollbar-thumb {
+    background: #b0a89f;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid 图表 - 容器
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-block {
+    background: #f0ebe3;
+    border: 1px solid #d4cfc6;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid 图表 - 通用节点 & 连线
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .node rect,
+body.theme-custom .mermaid-preview svg .node circle,
+body.theme-custom .mermaid-preview svg .node ellipse,
+body.theme-custom .mermaid-preview svg .node polygon,
+body.theme-custom .mermaid-preview svg .node path {
+    stroke: #b0a89f;
+    fill: #ede8df !important;
+}
+
+body.theme-custom .mermaid-preview svg .edgePath .path {
+    stroke: #8a7b6a;
+}
+
+body.theme-custom .mermaid-preview svg .cluster rect,
+body.theme-custom .mermaid-preview svg .cluster path {
+    stroke: #c4bbb0;
+    fill: #e8e0d4 !important;
+}
+
+body.theme-custom .mermaid-preview svg defs marker path {
+    fill: #8a7b6a;
+    stroke: #8a7b6a;
+}
+
+/* ── 硬编码色值覆盖 (Mermaid 默认 bi染色) ── */
+
+body.theme-custom .mermaid-preview svg rect[stroke="#444444"],
+body.theme-custom .mermaid-preview svg rect[stroke="#000000"] {
+    stroke: #b0a89f !important;
+}
+
+body.theme-custom .mermaid-preview svg path[stroke="#444444"],
+body.theme-custom .mermaid-preview svg path[stroke="#000000"] {
+    stroke: #b0a89f !important;
+}
+
+body.theme-custom .mermaid-preview svg line[stroke="#444444"],
+body.theme-custom .mermaid-preview svg line[stroke="#000000"] {
+    stroke: #b0a89f !important;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid 图表 - 标签 & 文本
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg text {
+    fill: #2b2520;
+    font-family: "LXGW WenKai", "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
+}
+
+body.theme-custom .mermaid-preview svg .edgeLabel text,
+body.theme-custom .mermaid-preview svg .label text,
+body.theme-custom .mermaid-preview svg .nodeLabel text {
+    fill: #2b2520 !important;
+}
+
+body.theme-custom .mermaid-preview svg .nodeLabel span,
+body.theme-custom .mermaid-preview svg .edgeLabel span,
+body.theme-custom .mermaid-preview svg foreignObject span {
+    font-family: "LXGW WenKai", "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
+    color: #2b2520 !important;
+}
+
+body.theme-custom .mermaid-preview svg .edgeLabel rect {
+    fill: #4f4d4b !important;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - 状态图 (State Diagram)
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .statediagram-state rect,
+body.theme-custom .mermaid-preview svg .statediagram-state circle {
+    stroke: #b0a89f;
+    fill: #ede8df !important;
+}
+
+body.theme-custom .mermaid-preview svg .statediagram-cluster rect {
+    stroke: #c4bbb0;
+    fill: #e8e0d4 !important;
+}
+
+body.theme-custom .mermaid-preview svg .statediagram-state .nodeLabel text,
+body.theme-custom .mermaid-preview svg .statediagram-state .nodeLabel span,
+body.theme-custom .mermaid-preview svg .statediagram-cluster .outer-title text {
+    fill: #2b2520 !important;
+    color: #2b2520 !important;
+}
+
+body.theme-custom .mermaid-preview svg .transition {
+    stroke: #8a7b6a;
+}
+
+body.theme-custom .mermaid-preview svg .edgeLabel .label text {
+    fill: #2b2520 !important;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - 饼图 (Pie Chart)
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .pieCircle {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg .slice {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg .pieTitleText {
+    fill: #2b2520 !important;
+}
+
+body.theme-custom .mermaid-preview svg .legend text {
+    fill: #2b2520 !important;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - 四象限图 (Quadrant Chart)
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .quadrant rect {
+    stroke: #b0a89f;
+    fill: #f5f0e8 !important;
+}
+
+body.theme-custom .mermaid-preview svg .quadrant text,
+body.theme-custom .mermaid-preview svg .quadrant .titleText {
+    fill: #2b2520 !important;
+}
+
+body.theme-custom .mermaid-preview svg .quadrant .axis text {
+    fill: #7a7068 !important;
+}
+
+body.theme-custom .mermaid-preview svg .quadrant .axis line,
+body.theme-custom .mermaid-preview svg .quadrant .axis path {
+    stroke: #8a7b6a;
+}
+
+body.theme-custom .mermaid-preview svg .quadrant .point {
+    fill: #8b4513;
+    stroke: #b0a89f;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - XY Chart / 柱状图
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .xychart .axis text {
+    fill: #7a7068 !important;
+}
+
+body.theme-custom .mermaid-preview svg .xychart .axis line,
+body.theme-custom .mermaid-preview svg .xychart .axis path {
+    stroke: #8a7b6a;
+}
+
+body.theme-custom .mermaid-preview svg .xychart .plot rect {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg .xychart .plot line {
+    stroke: #8a7b6a;
+}
+
+body.theme-custom .mermaid-preview svg .xychart .titleText {
+    fill: #2b2520 !important;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - Sankey 图
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .sankey .link {
+    stroke: #8a7b6a;
+}
+
+body.theme-custom .mermaid-preview svg .sankey text {
+    fill: #2b2520 !important;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - 时序图 (Sequence Diagram)
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .actor rect,
+body.theme-custom .mermaid-preview svg .actor path {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg text.actor {
+    fill: #2b2520 !important;
+}
+
+body.theme-custom .mermaid-preview svg .messageLine0,
+body.theme-custom .mermaid-preview svg .messageLine1 {
+    stroke: #8a7b6a !important;
+}
+
+body.theme-custom .mermaid-preview svg .messageText {
+    fill: #2b2520 !important;
+}
+
+body.theme-custom .mermaid-preview svg .loopText,
+body.theme-custom .mermaid-preview svg .altText,
+body.theme-custom .mermaid-preview svg .optText {
+    fill: #7a7068 !important;
+}
+
+body.theme-custom .mermaid-preview svg .loopLine,
+body.theme-custom .mermaid-preview svg .altLine,
+body.theme-custom .mermaid-preview svg .optLine {
+    stroke: #8a7b6a !important;
+}
+
+body.theme-custom .mermaid-preview svg .labelBox {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg .labelText,
+body.theme-custom .mermaid-preview svg .loopText tspan,
+body.theme-custom .mermaid-preview svg .altText tspan,
+body.theme-custom .mermaid-preview svg .optText tspan {
+    fill: #2b2520 !important;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - 类图 (Class Diagram)
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .classBox rect,
+body.theme-custom .mermaid-preview svg .classBox path {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg .classTitle text,
+body.theme-custom .mermaid-preview svg .classTitle span {
+    fill: #2b2520 !important;
+    color: #2b2520 !important;
+}
+
+body.theme-custom .mermaid-preview svg .classText text,
+body.theme-custom .mermaid-preview svg .classText span {
+    fill: #7a7068 !important;
+    color: #7a7068 !important;
+}
+
+body.theme-custom .mermaid-preview svg .divider {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg .relation {
+    stroke: #8a7b6a;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - 甘特图 (Gantt Chart)
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .task {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg .taskText,
+body.theme-custom .mermaid-preview svg .taskTextOutsideRight,
+body.theme-custom .mermaid-preview svg .taskTextOutsideLeft {
+    fill: #2b2520 !important;
+}
+
+body.theme-custom .mermaid-preview svg .section rect {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg .sectionText,
+body.theme-custom .mermaid-preview svg .sectionTitle {
+    fill: #2b2520 !important;
+}
+
+body.theme-custom .mermaid-preview svg .today {
+    stroke: #8b4513 !important;
+}
+
+body.theme-custom .mermaid-preview svg .grid .tick line {
+    stroke: #8a7b6a;
+}
+
+body.theme-custom .mermaid-preview svg .grid .domain {
+    stroke: #8a7b6a;
+}
+
+body.theme-custom .mermaid-preview svg .tick text {
+    fill: #7a7068;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - 思维导图 (Mind Map)
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .mindmap-node rect,
+body.theme-custom .mermaid-preview svg .mindmap-node circle,
+body.theme-custom .mermaid-preview svg .mindmap-node ellipse,
+body.theme-custom .mermaid-preview svg .mindmap-node polygon,
+body.theme-custom .mermaid-preview svg .mindmap-node path {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg .mindmap-node text,
+body.theme-custom .mermaid-preview svg .mindmap-node .nodeLabel text,
+body.theme-custom .mermaid-preview svg .mindmap-node .nodeLabel span {
+    fill: #2b2520 !important;
+    color: #2b2520 !important;
+}
+
+body.theme-custom .mermaid-preview svg .mindmap-edge {
+    stroke: #8a7b6a;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - Block 图
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .block rect,
+body.theme-custom .mermaid-preview svg .block path {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg .block text,
+body.theme-custom .mermaid-preview svg .block .nodeLabel text,
+body.theme-custom .mermaid-preview svg .block .nodeLabel span {
+    fill: #2b2520 !important;
+    color: #2b2520 !important;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - ER 图
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .er .entityBox rect,
+body.theme-custom .mermaid-preview svg .er .entityBox path {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg .er text,
+body.theme-custom .mermaid-preview svg .er .relationshipLabel {
+    fill: #2b2520 !important;
+}
+
+body.theme-custom .mermaid-preview svg .er .relationshipLine {
+    stroke: #8a7b6a;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - Git 图
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .git .commit rect,
+body.theme-custom .mermaid-preview svg .git .commit circle {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg .git text,
+body.theme-custom .mermaid-preview svg .git .branchLabel text {
+    fill: #2b2520 !important;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - 用户旅程图 (Journey)
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .journey .task rect {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg .journey text {
+    fill: #2b2520 !important;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - 时间线 (Timeline)
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .timeline rect {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg .timeline text {
+    fill: #2b2520 !important;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - C4 架构图
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .c4 .person rect,
+body.theme-custom .mermaid-preview svg .c4 .person path,
+body.theme-custom .mermaid-preview svg .c4 .system rect,
+body.theme-custom .mermaid-preview svg .c4 .system path,
+body.theme-custom .mermaid-preview svg .c4 .container rect,
+body.theme-custom .mermaid-preview svg .c4 .container path,
+body.theme-custom .mermaid-preview svg .c4 .boundary rect,
+body.theme-custom .mermaid-preview svg .c4 .boundary path {
+    stroke: #b0a89f;
+}
+
+body.theme-custom .mermaid-preview svg .c4 text,
+body.theme-custom .mermaid-preview svg .c4 span {
+    fill: #2b2520 !important;
+    color: #2b2520 !important;
+}
+
+/* ════════════════════════════════════════════
+   Mermaid - 人物节点
+   ════════════════════════════════════════════ */
+
+body.theme-custom .mermaid-preview svg .person rect,
+body.theme-custom .mermaid-preview svg .person path {
+    stroke: #3d3530;
+}
+
+body.theme-custom .mermaid-preview svg .person-man text {
+    fill: #ffffff !important;
+}
+
+body.theme-custom .mermaid-preview svg .person-man span {
+    color: #ffffff !important;
+}
+
+/* ════════════════════════════════════════════
+   滚动条 & 选区
+   ════════════════════════════════════════════ */
+
+body.theme-custom ::-webkit-scrollbar-thumb {
+    background: #c4bbb0;
+}
+
+body.theme-custom ::-webkit-scrollbar-thumb:hover {
+    background: #b0a89f;
+}
+
+body.theme-custom ::selection {
+    background: rgba(139, 69, 19, 0.18);
+}
+
+body.theme-custom #source-editor {
+    background: #f5f0e8;
+    color: #2b2520;
+}
+
+/* ════════════════════════════════════════════
+   打印样式
+   ════════════════════════════════════════════ */
+
+@media print {
+    body.theme-custom,
+    body.theme-custom html {
+        background: #fff;
+    }
+
+    body.theme-custom #editor .ProseMirror pre {
+        background: #f5f0e8;
+        color: #2b2520;
+        border: 1px solid #d4cfc6;
+    }
+
+    body.theme-custom #editor .ProseMirror table th {
+        background: #f5f0e8;
+    }
+}