@bytechain.cn/colamd-themes 0.3.1 → 0.5.0

package/themes/forest-ink.css

@@ -1,664 +1,240 @@
-/*
- * ColaMD 主题：Forest Ink (森林墨)
- * 配色：宣纸底 + 松烟墨绿
- * 灵感来源：wanhua-ppt 的 Forest Ink 设计规范
- * 兼容：ColaMD (body.theme-custom) / Typora
- */
-
-/* ── 1. 根变量 & 主题变量 ── */
-:root {
-    --side-bar-bg-color: #e4e8e4;
-    --control-text-color: #555;
-    --active-file-bg-color: #d6dfd6;
-    --active-file-text-color: #1a2e1f;
-    --active-file-border-color: #3d6b4a;
-    --bg-color: #eef1ee;
-    --text-color: #1a2e1f;
-    --select-text-bg-color: rgba(61, 107, 74, 0.18);
-    --select-text-font-color: #1a2e1f;
-    --rawblock-edit-panel-bd: #c8d0ca;
-}
-
-body.theme-custom {
-    --bg-color: #eef1ee;
-    --text-color: #1a2e1f;
-    --heading-color: #1a2e1f;
-    --border-color: #c8d0ca;
-    --code-bg: #e4e8e4;
-    --code-color: #3d6b4a;
-    --code-block-bg: #1a2e1f;
-    --code-block-text: #dde4dd;
-    --code-block-color: #dde4dd;
-    --blockquote-bg: #e3e7e3;
-    --blockquote-border: #3d6b4a;
-    --link-color: #3d6b4a;
-    --accent-color: #3d6b4a;
-    --accent-dark: #2d5538;
-    --accent-light: #c8d0ca;
-    --surface-color: #e3e7e3;
-    --surface-alt: #f2f4f2;
-    --text-muted: #555;
-    --text-dim: #777;
-    --selection-bg: rgba(61, 107, 74, 0.18);
-    --table-header-bg: #e4e8e4;
-    --table-stripe: rgba(61, 107, 74, 0.04);
-    --scrollbar-thumb: #c4c0b8;
-    --scrollbar-thumb-hover: #ada9a2;
-    --hr-color: #d4cfc4;
-    --mermaid-font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
-    --mermaid-font-size: 12px;
-    --mermaid-dark-mode: false;
-    --mermaid-background: #e5eae6;
-    --mermaid-primary-color: #d6dfd6;
-    --mermaid-primary-border-color: #3d6b4a;
-    --mermaid-primary-text-color: #1a2e1f;
-    --mermaid-secondary-color: #dde4dd;
-    --mermaid-secondary-border-color: #5a7a64;
-    --mermaid-secondary-text-color: #1a2e1f;
-    --mermaid-tertiary-color: #eef1ee;
-    --mermaid-tertiary-border-color: #6a8a74;
-    --mermaid-tertiary-text-color: #555;
-    --mermaid-line-color: #6a8a74;
-    --mermaid-text-color: #1a2e1f;
-    --mermaid-main-bkg: #d6dfd6;
-    --mermaid-second-bkg: #e5eae6;
-    --mermaid-main-contrast-color: #3d6b4a;
-    --mermaid-label-background: #eef1ee;
-    --mermaid-label-text-color: #1a2e1f;
-    --mermaid-node-border: #3d6b4a;
-    --mermaid-node-bkg: #d6dfd6;
-    --mermaid-cluster-bkg: rgba(61, 107, 74, 0.10);
-    --mermaid-cluster-border: #3d6b4a;
-    --mermaid-default-link-color: #6a8a74;
-    --mermaid-edge-label-background: #eef1ee;
-    --mermaid-arrowhead-color: #6a8a74;
-    --mermaid-person-border: #1a2e1f;
-    --mermaid-person-bkg: #d6dfd6;
-}
-
-pre { --select-text-bg-color: #243528; --select-text-font-color: #fff; }
-
-/* ── 2. 全局 ── */
-html { font-size: 16px; -webkit-font-smoothing: antialiased; }
-body.theme-custom, html, body {
-    background-color: #eef1ee;
-    color: #1a2e1f;
-    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, "Times New Roman", serif;
-    line-height: 1.9;
-}
-body.theme-custom { -webkit-font-smoothing: antialiased; }
-#write { max-width: 820px; margin: 0 auto; padding: 30px 60px 100px; }
-#write > ul:first-child, #write > ol:first-child { margin-top: 30px; }
-
-@media only screen and (min-width:1400px) { #write { max-width: 920px; } }
-@media only screen and (max-width:768px) { #write { padding: 20px 20px 60px; } }
-
-/* ── 3. 标题 ── */
-h1, h2, h3, h4, h5, h6,
-body.theme-custom h1, body.theme-custom h2, body.theme-custom h3,
-body.theme-custom h4, body.theme-custom h5, body.theme-custom h6 {
-    position: relative;
-    color: #1a2e1f;
-    font-weight: 700;
-    line-height: 1.4;
-    margin-top: 1.8em;
-    margin-bottom: 0.6em;
-}
-h1, body.theme-custom h1 { font-size: 1.8em; padding-bottom: 0.3em; cursor: text; }
-h2, body.theme-custom h2 { font-size: 1.5em; padding-bottom: 0.2em; cursor: text; }
-h3, body.theme-custom h3 { font-size: 1.25em; cursor: text; }
-h4, body.theme-custom h4 { font-size: 1.1em; cursor: text; }
-h5, body.theme-custom h5 { font-size: 1em; cursor: text; }
-h6, body.theme-custom h6 { font-size: 0.95em; color: #555; cursor: text; }
-
-h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor,
-h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor { text-decoration: none; }
-
-/* ── 4. 内联元素 ── */
-p { margin: 0.8em 0; line-height: 1.9; text-align: justify; }
-
-strong, body.theme-custom strong { color: #3d6b4a; font-weight: 700; }
-em, body.theme-custom em { font-style: italic; color: #444; }
-em strong, strong em, body.theme-custom em strong, body.theme-custom strong em { color: #3d6b4a; }
-
-a, body.theme-custom a { color: #3d6b4a; text-decoration: none; }
-a:hover, body.theme-custom a:hover { text-decoration: underline; }
-
-u, body.theme-custom u {
-    text-decoration: none;
-    border-bottom: 2px solid #3d6b4a;
-    padding-bottom: 1px;
-}
-
-mark, body.theme-custom mark {
-    background: rgba(61, 107, 74, 0.15);
-    color: #1a2e1f;
-    padding: 1px 4px;
-    border-radius: 2px;
-}
-
-del, s { color: #999; }
-
-/* ── 5. 引用块 ── */
-blockquote, body.theme-custom blockquote {
-    margin: 1.5em 0;
-    padding: 15px 20px 15px 25px;
-    border-left: 4px solid #3d6b4a;
-    background: #e3e7e3;
-    color: #444;
-}
-blockquote p, body.theme-custom blockquote p { margin: 0.5em 0; }
-
-/* ── 6. 分割线 ── */
-hr, body.theme-custom hr { border: none; border-top: 1px solid #c8d0ca; margin: 2.5em 0; height: 0; }
-
-/* ── 7. 列表 ── */
-ul, ol, body.theme-custom ul, body.theme-custom ol { padding-left: 1.8em; margin: 0.8em 0; }
-li, body.theme-custom li { margin: 0.35em 0; line-height: 1.8; }
-ul li { list-style-type: disc; list-style-position: outside; }
-ol li { list-style-type: decimal; list-style-position: outside; }
-.md-task-list-item > input { margin-left: -1.3em; margin-top: 0.3em; }
-
-/* ── 8. 内联代码 ── */
-code, tt,
-body.theme-custom code, body.theme-custom tt {
-    font-family: "IBM Plex Mono", "JetBrains Mono", "Fira Code", monospace;
-    font-size: 0.9em;
-    padding: 2px 6px;
-    margin: 0 2px;
-    background: #e4e8e4;
-    border-radius: 3px;
-    color: #3d6b4a;
-}
-
-/* ── 9. 代码块 ── */
-pre.md-fences {
-    font-family: "IBM Plex Mono", "JetBrains Mono", "Fira Code", monospace;
-    font-size: 0.88em;
-    line-height: 1.6;
-    background: #1a2e1f;
-    color: #e8e4de;
-    padding: 18px 22px;
-    border-radius: 6px;
-    margin: 1.5em 0;
-    overflow-x: auto;
-}
-pre.md-fences code { background: transparent; color: inherit; padding: 0; margin: 0; border-radius: 0; }
-
-body.theme-custom #editor .ProseMirror pre {
-    font-family: "IBM Plex Mono", "JetBrains Mono", "Fira Code", monospace;
-    font-size: 0.88em;
-    line-height: 1.6;
-    background: #1a2e1f !important;
-    color: #e8e4de !important;
-    padding: 18px 22px;
-    border-radius: 6px;
-    margin: 1.5em 0;
-    overflow-x: auto;
-}
-body.theme-custom #editor .ProseMirror pre code {
-    background: transparent !important;
-    color: #e8e4de !important;
-    padding: 0; margin: 0; border-radius: 0;
-}
-
-/* ── 10. 代码语法高亮 ── */
-.cm-s-inner { font-family: "IBM Plex Mono", "JetBrains Mono", "Fira Code", monospace; font-size: 0.9em; line-height: 1.6; }
-
-/* 注释 / 引用 / 分隔线 */
-body.theme-custom .token.comment, body.theme-custom .token.prolog,
-body.theme-custom .token.doctype, body.theme-custom .token.cdata,
-.cm-s-inner .cm-comment, .cm-s-inner .cm-quote, .cm-s-inner .cm-hr { color: #7a8075; font-style: italic; }
-
-/* 标点 / 元数据 */
-body.theme-custom .token.punctuation, .cm-s-inner .cm-meta { color: #c4c0b8; }
-
-/* 关键字 (粗体) */
-body.theme-custom .token.keyword, body.theme-custom .token.important,
-.cm-s-inner .cm-keyword { color: #3d6b4a; font-weight: 700; }
-
-/* 布尔 / 内建 / 标签 / 选择器 / 常量 / 删除 / 原子 / 错误 */
-body.theme-custom .token.boolean, body.theme-custom .token.builtin,
-body.theme-custom .token.tag, body.theme-custom .token.selector,
-body.theme-custom .token.constant, body.theme-custom .token.deleted,
-.cm-s-inner .cm-atom, .cm-s-inner .cm-builtin,
-.cm-s-inner .cm-tag, .cm-s-inner .cm-error { color: #3d6b4a; }
-
-/* 字符串 / 属性值 / 符号 / 插入 */
-body.theme-custom .token.string, body.theme-custom .token.attr-value,
-body.theme-custom .token.symbol, body.theme-custom .token.inserted,
-.cm-s-inner .cm-string { color: #7ba86a; }
-
-/* 数字 */
-body.theme-custom .token.number, .cm-s-inner .cm-number { color: #b8a35a; }
-
-/* 函数 / 类名 / 变量 / 属性名 / 实体 / 定义 */
-body.theme-custom .token.function, body.theme-custom .token.class-name,
-body.theme-custom .token.variable, body.theme-custom .token.attr-name,
-body.theme-custom .token.property, body.theme-custom .token.entity,
-.cm-s-inner .cm-def, .cm-s-inner .cm-variable-2,
-.cm-s-inner .cm-attribute, .cm-s-inner .cm-property,
-.cm-s-inner .cm-header { color: #c9a85a; }
-
-.cm-s-inner .cm-header { font-weight: 700; }
-body.theme-custom .token.url, .cm-s-inner .cm-link { color: #c9a85a; text-decoration: underline; }
-
-/* 运算符 */
-body.theme-custom .token.operator, .cm-s-inner .cm-operator { color: #b5b0a8; }
-
-/* 正则 / 代码文本色 */
-body.theme-custom .token.regex { color: #c99a5e; }
-.cm-s-inner .cm-variable { color: #e8e4de; }
-
-/* ── 11. 表格 ── */
-table, body.theme-custom table {
-    width: 100%;
-    border-collapse: collapse;
-    margin: 1.5em 0;
-    font-size: 0.95em;
-}
-table th, body.theme-custom table th {
-    background: #e4e8e4;
-    font-weight: 700;
-    color: #1a2e1f;
-    padding: 10px 14px;
-    border-bottom: 2px solid #3d6b4a;
-    text-align: left;
-}
-table td, body.theme-custom table td {
-    padding: 10px 14px;
-    border-bottom: 1px solid #c8d0ca;
-}
-table tr:hover td, body.theme-custom table tr:hover td {
-    background: rgba(61, 107, 74, 0.04);
-}
-
-/* ── 12. 图片 ── */
-img, body.theme-custom img { max-width: 100%; }
-p > img:only-child, body.theme-custom p > img:only-child { display: block; margin: 1.5em auto; }
-body.theme-custom figure { margin: 1.5em 0; text-align: center; }
-body.theme-custom figcaption { font-size: 0.9em; color: var(--text-muted); margin-top: 0.6em; }
-
-/* ── 13. 数学公式 ── */
-
-/* ColaMD */
-body.theme-custom .math-block {
-    background: #e4e8e4;
-    padding: 16px 0;
-    margin: 1.5em 0;
-    border-radius: 6px;
-    border: 1px solid #c8d0ca;
-    text-align: center;
-    overflow-x: auto;
-}
-body.theme-custom .math-block .katex,
-body.theme-custom .math-block .katex-display,
-body.theme-custom .math-block .MathJax,
-body.theme-custom .math-block .katex *,
-body.theme-custom .math-block .MathJax *,
-body.theme-custom .math-block .katex .mord,
-body.theme-custom .math-block .katex .mbin,
-body.theme-custom .math-block .katex .mrel,
-body.theme-custom .math-block .katex .mopen,
-body.theme-custom .math-block .katex .mclose,
-body.theme-custom .math-block .katex .mpunct,
-body.theme-custom .math-block .katex .minner { color: #1a2e1f !important; }
-
-/* Typora */
-.md-math-block, .MathJax_Display { margin: 1.5em 0 !important; text-align: center; }
-.md-inline-math, .md-inline-math script, .md-math-inline, .MathJax { color: #1a2e1f; }
-.MathJax svg, .MathJax_Display svg { fill: currentColor; stroke: currentColor; }
-
-/* ── 14. Mermaid ── */
-
-/* 容器 */
-.md-diagram-panel { margin: 1.5em 0; }
-.md-diagram-panel.md-mermaid,
-body.theme-custom .mermaid-block,
-body.theme-custom .mermaid-preview {
-    background: #e5eae6;
-    border: 1px solid #b8c4bc;
-    border-radius: 6px;
-    padding: 20px;
-    margin: 1.5em 0;
-}
-.md-diagram-panel.md-mermaid svg,
-body.theme-custom .mermaid-preview svg { max-width: 100%; height: auto; }
-
-/* 全局字体 */
-.md-diagram-panel.md-mermaid svg text,
-body.theme-custom .mermaid-preview svg text {
-    fill: #1a2e1f;
-    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
-}
-body.theme-custom .mermaid-preview svg .nodeLabel span,
-body.theme-custom .mermaid-preview svg .edgeLabel span {
-    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
-}
-body.theme-custom .mermaid-preview svg foreignObject span {
-    color: #1a2e1f !important;
-    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif !important;
-    font-size: 14px !important;
-}
-.md-diagram-panel.md-mermaid .node .label {
-    color: #1a2e1f !important;
-    font-family: "Noto Serif SC", "Source Han Serif SC", Georgia, serif !important;
-}
-
-/* 通用节点 & 连线 (ColaMD) */
-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: #3d6b4a;
-    fill: #d6dfd6 !important;
-}
-body.theme-custom .mermaid-preview svg .edgePath .path { stroke: #6a8a74; }
-body.theme-custom .mermaid-preview svg .cluster rect,
-body.theme-custom .mermaid-preview svg .cluster path { stroke: #3d6b4a; }
-body.theme-custom .mermaid-preview svg defs marker path { fill: #6a8a74; stroke: #6a8a74; }
-
-/* 通用节点 & 连线 (Typora) */
-.md-diagram-panel.md-mermaid .node rect,
-.md-diagram-panel.md-mermaid .node circle,
-.md-diagram-panel.md-mermaid .node ellipse,
-.md-diagram-panel.md-mermaid .node polygon {
-    fill: #d6dfd6 !important;
-    stroke: #3d6b4a !important;
-    stroke-width: 1.5px !important;
-}
-.md-diagram-panel.md-mermaid .edgePath .path {
-    stroke: #6a8a74 !important;
-    stroke-width: 1.5px !important;
-}
-.md-diagram-panel.md-mermaid .edgeLabel {
-    background-color: #e5eae6 !important;
-    color: #333 !important;
-}
-.md-diagram-panel.md-mermaid .cluster rect {
-    fill: rgba(61, 107, 74, 0.12) !important;
-    stroke: #3d6b4a !important;
-    stroke-width: 1px !important;
-    stroke-dasharray: 4,4;
-}
-
-/* 硬编码色值覆盖 */
-body.theme-custom .mermaid-preview svg rect[stroke="#444444"],
-body.theme-custom .mermaid-preview svg path[stroke="#444444"],
-body.theme-custom .mermaid-preview svg line[stroke="#444444"],
-body.theme-custom .mermaid-preview svg rect[stroke="#000000"],
-body.theme-custom .mermaid-preview svg path[stroke="#000000"],
-body.theme-custom .mermaid-preview svg line[stroke="#000000"] { stroke: #3d6b4a !important; }
-
-/* 标签 & 文本 (ColaMD) */
-body.theme-custom .mermaid-preview svg .label text,
-body.theme-custom .mermaid-preview svg .nodeLabel text { fill: #1a2e1f !important; }
-body.theme-custom .mermaid-preview svg .nodeLabel span { color: #1a2e1f !important; }
-body.theme-custom .mermaid-preview svg .edgeLabel text { fill: #1a2e1f !important; }
-body.theme-custom .mermaid-preview svg .edgeLabel rect { fill: #e5eae6 !important; }
-body.theme-custom .mermaid-preview svg .edgeLabel span { color: #1a2e1f !important; }
-
-/* 文本偏移 */
-body.theme-custom .mermaid-preview svg .label text,
-body.theme-custom .mermaid-preview svg .nodeLabel text { transform: translateY(-3px) !important; }
-body.theme-custom .mermaid-preview svg .titleText { transform: translateY(-1px) !important; }
-body.theme-custom .mermaid-preview svg .xychart .axis text { transform: translateY(0) !important; }
-body.theme-custom .mermaid-preview svg .nodeLabel,
-body.theme-custom .mermaid-preview svg .edgeLabel {
-    display: inline-block !important;
-    position: relative !important;
-    top: -3px !important;
-}
-
-/* 状态图 */
-body.theme-custom .mermaid-preview svg .statediagram-state rect,
-body.theme-custom .mermaid-preview svg .statediagram-state circle { stroke: #3d6b4a; }
-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,
-body.theme-custom .mermaid-preview svg .edgeLabel .label text { fill: #1a2e1f !important; color: #1a2e1f !important; }
-body.theme-custom .mermaid-preview svg .statediagram-cluster rect { stroke: #3d6b4a; }
-body.theme-custom .mermaid-preview svg .transition { stroke: #6a8a74; }
-
-/* 饼图 */
-body.theme-custom .mermaid-preview svg .pieCircle,
-body.theme-custom .mermaid-preview svg .slice { stroke: #3d6b4a; }
-body.theme-custom .mermaid-preview svg .pieTitleText,
-body.theme-custom .mermaid-preview svg .legend text { fill: #1a2e1f !important; }
-
-/* 四象限图 */
-body.theme-custom .mermaid-preview svg .quadrant rect { stroke: #3d6b4a; }
-body.theme-custom .mermaid-preview svg .quadrant text,
-body.theme-custom .mermaid-preview svg .quadrant .titleText { fill: #1a2e1f !important; }
-body.theme-custom .mermaid-preview svg .quadrant .axis text { fill: #777 !important; }
-body.theme-custom .mermaid-preview svg .quadrant .axis line,
-body.theme-custom .mermaid-preview svg .quadrant .axis path { stroke: #6a8a74; }
-body.theme-custom .mermaid-preview svg .quadrant .point { fill: #3d6b4a; stroke: #3d6b4a; }
-
-/* XY Chart */
-body.theme-custom .mermaid-preview svg .xychart .axis text { fill: #777 !important; }
-body.theme-custom .mermaid-preview svg .xychart .axis line,
-body.theme-custom .mermaid-preview svg .xychart .axis path { stroke: #6a8a74; }
-body.theme-custom .mermaid-preview svg .xychart .plot rect { stroke: #3d6b4a; }
-body.theme-custom .mermaid-preview svg .xychart .plot line { stroke: #c4bfb5; }
-body.theme-custom .mermaid-preview svg .xychart .titleText { fill: #1a2e1f !important; }
-
-/* Sankey */
-body.theme-custom .mermaid-preview svg .sankey .link { stroke: #3d6b4a; }
-body.theme-custom .mermaid-preview svg .sankey text { fill: #1a2e1f !important; }
-
-/* 时序图 (ColaMD) */
-body.theme-custom .mermaid-preview svg .actor rect,
-body.theme-custom .mermaid-preview svg .actor path { stroke: #3d6b4a; }
-body.theme-custom .mermaid-preview svg text.actor { fill: #1a2e1f !important; }
-body.theme-custom .mermaid-preview svg .messageLine0,
-body.theme-custom .mermaid-preview svg .messageLine1 { stroke: #6a8a74 !important; }
-body.theme-custom .mermaid-preview svg .messageText,
-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: #1a2e1f !important; }
-body.theme-custom .mermaid-preview svg .loopText,
-body.theme-custom .mermaid-preview svg .altText,
-body.theme-custom .mermaid-preview svg .optText { fill: #777 !important; }
-body.theme-custom .mermaid-preview svg .loopLine,
-body.theme-custom .mermaid-preview svg .altLine,
-body.theme-custom .mermaid-preview svg .optLine { stroke: #6a8a74 !important; }
-body.theme-custom .mermaid-preview svg .labelBox { stroke: #b5b0a8; }
-
-/* 时序图 (Typora) */
-.md-diagram-panel.md-mermaid .actor { fill: #d6dfd6 !important; stroke: #3d6b4a !important; }
-.md-diagram-panel.md-mermaid text.actor { fill: #1a2e1f !important; }
-.md-diagram-panel.md-mermaid .messageLine0,
-.md-diagram-panel.md-mermaid .messageLine1 { stroke: #6a8a74 !important; }
-.md-diagram-panel.md-mermaid .messageText { fill: #555 !important; }
-
-/* 类图 */
-body.theme-custom .mermaid-preview svg .classBox rect,
-body.theme-custom .mermaid-preview svg .classBox path { stroke: #3d6b4a; }
-body.theme-custom .mermaid-preview svg .classTitle text,
-body.theme-custom .mermaid-preview svg .classTitle span { fill: #1a2e1f !important; color: #1a2e1f !important; }
-body.theme-custom .mermaid-preview svg .classText text,
-body.theme-custom .mermaid-preview svg .classText span { fill: #555 !important; color: #555 !important; }
-body.theme-custom .mermaid-preview svg .divider { stroke: #b5b0a8; }
-body.theme-custom .mermaid-preview svg .relation { stroke: #6a8a74; }
-
-/* 甘特图 (ColaMD) */
-body.theme-custom .mermaid-preview svg .task { stroke: #3d6b4a; }
-body.theme-custom .mermaid-preview svg .taskText,
-body.theme-custom .mermaid-preview svg .taskTextOutsideRight,
-body.theme-custom .mermaid-preview svg .taskTextOutsideLeft,
-body.theme-custom .mermaid-preview svg .sectionText,
-body.theme-custom .mermaid-preview svg .sectionTitle { fill: #1a2e1f !important; }
-body.theme-custom .mermaid-preview svg .section rect { stroke: #b5b0a8; }
-body.theme-custom .mermaid-preview svg .today { stroke: #3d6b4a !important; }
-body.theme-custom .mermaid-preview svg .grid .tick line { stroke: #c4bfb5; }
-body.theme-custom .mermaid-preview svg .grid .domain { stroke: #6a8a74; }
-body.theme-custom .mermaid-preview svg .tick text { fill: #777; }
-
-/* 甘特图 (Typora) */
-.md-diagram-panel.md-mermaid .section0,
-.md-diagram-panel.md-mermaid .section1,
-.md-diagram-panel.md-mermaid .section2,
-.md-diagram-panel.md-mermaid .section3 { fill: rgba(61, 107, 74, 0.14) !important; }
-.md-diagram-panel.md-mermaid .task0,
-.md-diagram-panel.md-mermaid .task1,
-.md-diagram-panel.md-mermaid .task2,
-.md-diagram-panel.md-mermaid .task3 { fill: #3d6b4a !important; stroke: #2d5538 !important; }
-.md-diagram-panel.md-mermaid .today { stroke: #3d6b4a !important; stroke-width: 2px !important; }
-
-/* 思维导图 */
-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: #3d6b4a; }
-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: #1a2e1f !important; color: #1a2e1f !important; }
-body.theme-custom .mermaid-preview svg .mindmap-edge { stroke: #6a8a74; }
-
-/* Block 图 */
-body.theme-custom .mermaid-preview svg .block rect,
-body.theme-custom .mermaid-preview svg .block path { stroke: #3d6b4a; }
-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: #1a2e1f !important; color: #1a2e1f !important; }
-
-/* ER 图 */
-body.theme-custom .mermaid-preview svg .er .entityBox rect,
-body.theme-custom .mermaid-preview svg .er .entityBox path { stroke: #3d6b4a; }
-body.theme-custom .mermaid-preview svg .er text,
-body.theme-custom .mermaid-preview svg .er .relationshipLabel { fill: #1a2e1f !important; }
-body.theme-custom .mermaid-preview svg .er .relationshipLine { stroke: #6a8a74; }
-
-/* Git 图 */
-body.theme-custom .mermaid-preview svg .git .commit rect,
-body.theme-custom .mermaid-preview svg .git .commit circle { stroke: #3d6b4a; }
-body.theme-custom .mermaid-preview svg .git text,
-body.theme-custom .mermaid-preview svg .git .branchLabel text { fill: #1a2e1f !important; }
-
-/* 用户旅程图 */
-body.theme-custom .mermaid-preview svg .journey .task rect { stroke: #3d6b4a; }
-body.theme-custom .mermaid-preview svg .journey text { fill: #1a2e1f !important; }
-
-/* 时间线 */
-body.theme-custom .mermaid-preview svg .timeline rect { stroke: #3d6b4a; }
-body.theme-custom .mermaid-preview svg .timeline text { fill: #1a2e1f !important; }
-
-/* 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: #3d6b4a; }
-body.theme-custom .mermaid-preview svg .c4 text,
-body.theme-custom .mermaid-preview svg .c4 span { fill: #1a2e1f !important; color: #1a2e1f !important; }
-
-/* 人物节点 */
-body.theme-custom .mermaid-preview svg .person rect,
-body.theme-custom .mermaid-preview svg .person path { stroke: #1a2e1f; }
-body.theme-custom .mermaid-preview svg .person-man text { fill: #ffffff !important; }
-body.theme-custom .mermaid-preview svg .person-man span { color: #ffffff !important; }
-
-/* ── 15. YAML 元数据 ── */
-pre.md-meta-block,
-body.theme-custom .frontmatter,
-body.theme-custom .yaml-front-matter {
-    font-family: "IBM Plex Mono", "JetBrains Mono", "Fira Code", monospace;
-    font-size: 0.85em;
-    background: #e3e7e3;
-    border: 1px solid #c8d0ca;
-    border-radius: 4px;
-    padding: 14px 18px;
-    margin-bottom: 2em;
-    color: #666;
-}
-
-/* ── 16. 脚注 ── */
-.md-footnote { font-size: 0.85em; color: #3d6b4a; }
-sup.md-footnote { background: transparent; }
-
-/* ── 17. 目录 ── */
-.md-toc { font-size: 0.9em; }
-.md-toc-content { margin-left: 0; }
-.md-toc-item { color: #1a2e1f; }
-.md-toc-h1 .md-toc-inner { font-weight: 700; }
-
-/* ── 18. 侧边栏 ── */
-.sidebar-content { font-family: inherit; }
-.file-node-content { line-height: 1.6; }
-.file-node-title { font-size: 1em; }
-
-/* ── 19. 聚焦模式 ── */
-.on-focus-mode .md-end-block:not(.md-focus):not(.md-focus-container) * { color: #bbb !important; }
-.on-focus-mode .md-end-block:not(.md-focus):not(.md-focus-container) img { opacity: 0.5; }
-
-/* ── 20. 搜索 & 选择 ── */
-::selection, body.theme-custom ::selection { background: rgba(61, 107, 74, 0.18); }
-#write .md-search-hit { background: rgba(61, 107, 74, 0.18); border-radius: 2px; }
-
-/* ── 21. 滚动条 ── */
-::-webkit-scrollbar,
-body.theme-custom ::-webkit-scrollbar { width: 6px; height: 6px; }
-::-webkit-scrollbar-thumb,
-body.theme-custom ::-webkit-scrollbar-thumb { background: #c4c0b8; border-radius: 3px; }
-::-webkit-scrollbar-thumb:hover,
-body.theme-custom ::-webkit-scrollbar-thumb:hover { background: #ada9a2; }
-::-webkit-scrollbar-track,
-body.theme-custom ::-webkit-scrollbar-track { background: transparent; }
-
-/* ── 22. Megamenu ── */
-.megamenu-content { font-family: inherit; }
-#megamenu-back-btn { color: #1a2e1f; }
-
-/* ── 23. 大纲 ── */
-.outline-content { font-size: 0.9em; }
-.outline-item { padding: 4px 0; }
-.outline-active, .outline-item:hover { color: #3d6b4a; }
-
-/* ── 24. 工具提示 ── */
-.ty-tooltip { font-size: 0.85em; background: #333; color: #eee; border-radius: 4px; }
-
-/* ── 25. 打印 ── */
-@media print {
-    html { font-size: 13px; }
-    html, body { background: #fff; }
-    #write { max-width: none; padding: 0; }
-    pre.md-fences { background: #f5f5f5; color: #333; border: 1px solid #ddd; }
-    table th { background: #f5f5f5; }
-    body.theme-custom { background: #fff !important; color: #000 !important; }
-    body.theme-custom pre {
-        background: #f5f5f5 !important;
-        color: #333 !important;
-        border: 1px solid #ddd !important;
-    }
-    body.theme-custom .math-block { background: #fafafa !important; border: 1px solid #ddd !important; }
-    body.theme-custom .mermaid-block,
-    body.theme-custom .mermaid-preview,
-    .md-diagram-panel.md-mermaid { background: #fafafa !important; border: 1px solid #ddd !important; }
-}
-
-/* ── 26. 移动端适配 ── */
-@media only screen and (max-width:768px) {
-    body.theme-custom { font-size: 15px; line-height: 1.8; }
-    body.theme-custom h1 { font-size: 1.5em; }
-    body.theme-custom h2 { font-size: 1.3em; }
-    body.theme-custom h3 { font-size: 1.15em; }
-    body.theme-custom pre { padding: 14px 16px; font-size: 0.82em; }
-    body.theme-custom table { font-size: 0.85em; }
-    body.theme-custom table th,
-    body.theme-custom table td { padding: 8px 10px; }
-    body.theme-custom blockquote { padding: 12px 14px 12px 18px; }
-    body.theme-custom .math-block { padding: 12px 0; overflow-x: auto; }
-    body.theme-custom .mermaid-block,
-    body.theme-custom .mermaid-preview,
-    .md-diagram-panel.md-mermaid { padding: 12px; margin: 1em 0; }
-    body.theme-custom .mermaid-preview svg { max-width: 100% !important; height: auto !important; }
-    body.theme-custom .mermaid-preview svg text { font-size: 10px !important; }
-    body.theme-custom .mermaid-preview svg .titleText { font-size: 12px !important; }
-}
+/*
+ * ColaMD Theme: forest-ink（森林墨）
+ * 宣纸底 + 松烟墨绿；宋体正文、墨绿强调、深色代码块
+ * 契约：ColaMD Extend 2.7（CodeMirror 6 + Pele）
+ *
+ * 变量一律写在 :root；编辑器里没有 <h1>/<blockquote> 元素，
+ * 标题是带类的一行，引用/代码块是每行一个 div（禁止纵向 padding）。
+ */
+
+:root {
+  /* ── 1.1 Seed Palette ── */
+  --seed-accent:        #356b44;
+  --seed-accent-light:  #c7d3ca;
+  --seed-accent-dark:   #2a5c3a;
+  --seed-surface:       #f0f1f0;
+  --seed-panel:         #e4e8e4;
+  --seed-panel-alt:     #e3e7e3;
+  --seed-ink:           #1a2e1f;
+  --seed-ink-muted:     #565e58;
+  --seed-ink-dim:       #758078;
+  --seed-border:        #c9c9c7;
+  --seed-border-strong: #356b44;
+
+  /* ── 1.2 Semantic Colors ── */
+  --bg-color:         var(--seed-surface);
+  --text-color:       var(--seed-ink);
+  --text-secondary:   #444444;
+  --text-muted:       var(--seed-ink-dim);
+  --border-color:     var(--seed-border);
+  --link-color:       var(--seed-accent);
+  --code-bg:          var(--seed-panel);
+  --code-block-bg:    var(--seed-ink);
+  --code-block-text:  #dde4dd;
+  --blockquote-border: var(--seed-accent);
+  --blockquote-bg:     var(--seed-panel-alt);
+  --table-header-bg:   var(--seed-panel);
+  --selection-bg: rgba(53, 107, 68, 0.18);
+  --highlight-bg: rgba(53, 107, 68, 0.15);
+
+  /* ── 1.3 Typography & Metrics ── */
+  --font-body: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, "Times New Roman", serif;
+  --font-mono: "IBM Plex Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;
+  --editor-font-size: 16px;
+  --editor-column-width: 820px;
+
+  /* ── 1.4 Pele（沿用原图表的浅绿纸面配色）── */
+  --pele-bg:          #e5eae6;
+  --pele-fg:          var(--seed-ink);
+  --pele-muted:       var(--seed-ink-muted);
+  --pele-line:        #6a8a74;
+  --pele-surface:     #d6dfd6;
+  --pele-surface-alt: #dde4dd;
+  --pele-border:      var(--seed-accent);
+  --pele-accent:      var(--seed-accent);
+  --pele-radius:      6px;
+}
+
+/* ═══ SECTION 2 — 编辑器 DOM ═══ */
+
+#editor .cm-content { font-family: var(--font-body); line-height: 1.9; }
+
+/* 2.1 标题：宋体、墨色、逐级收小 */
+#editor .cm-content .cm-md-atxheading1,
+#editor .cm-content .cm-md-atxheading2,
+#editor .cm-content .cm-md-atxheading3,
+#editor .cm-content .cm-md-atxheading4,
+#editor .cm-content .cm-md-atxheading5,
+#editor .cm-content .cm-md-atxheading6 {
+  color: var(--text-color); font-weight: 700; line-height: 1.4;
+}
+#editor .cm-content .cm-md-atxheading1 { font-size: 1.8em; padding-bottom: 0.3em; }
+#editor .cm-content .cm-md-atxheading2 { font-size: 1.5em; padding-bottom: 0.2em; }
+#editor .cm-content .cm-md-atxheading3 { font-size: 1.25em; }
+#editor .cm-content .cm-md-atxheading4 { font-size: 1.1em; }
+#editor .cm-content .cm-md-atxheading5 { font-size: 1em; }
+#editor .cm-content .cm-md-atxheading6 { font-size: 0.95em; color: var(--text-secondary); }
+
+/* 2.2 行内强调：墨绿是唯一的强调色 */
+#editor .cm-content .cm-md-strong { color: var(--link-color); font-weight: 700; }
+#editor .cm-content .cm-md-em { font-style: italic; color: #444444; }
+#editor .cm-content .cm-md-strike { text-decoration: line-through; }
+#editor .cm-content .cm-md-highlight { background: var(--highlight-bg); color: var(--text-color); }
+#editor .cm-content .cm-md-link { color: var(--link-color); text-decoration: none; }
+#editor .cm-content .cm-md-url { color: var(--text-muted); }
+
+/* 2.3 内联代码：浅灰绿底 + 墨绿字 */
+#editor .cm-content .cm-md-inlinecode {
+  font-family: var(--font-mono); font-size: 0.9em;
+  background: var(--code-bg); color: var(--seed-accent);
+  padding: 2px 6px; margin: 0 2px; border-radius: 3px;
+}
+
+#editor .cm-content .cm-md-marker,
+#editor .cm-content .cm-md-quotemark,
+#editor .cm-content .cm-md-listmark {
+  color: var(--text-muted);
+}
+
+/* 2.4 引用块：四像素墨绿左线 + 浅纸底 */
+#editor .cm-content .cm-md-blockquote {
+  background: var(--blockquote-bg); color: var(--text-secondary);
+  border-left: 4px solid var(--blockquote-border);
+  padding-left: 25px; padding-right: 20px;
+}
+
+/* 2.5 代码块：深墨绿底、米白字，圆角落在首末行 */
+#editor .cm-content .cm-md-codeblock {
+  font-family: var(--font-mono); font-size: 0.88em; line-height: 1.6;
+  background: var(--code-block-bg); color: var(--code-block-text);
+  padding-left: 22px; padding-right: 22px;
+}
+#editor .cm-content .cm-md-codeblock-first {
+  border-top-left-radius: 6px; border-top-right-radius: 6px;
+}
+#editor .cm-content .cm-md-codeblock-last {
+  border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
+}
+
+/* 2.6 表格：浅灰绿表头 + 墨绿粗线 */
+#editor .cm-content .cm-md-table-widget th,
+#editor .cm-content .cm-md-table-widget td { border-color: var(--border-color); }
+#editor .cm-content .cm-md-table-widget th {
+  background: var(--table-header-bg); color: var(--text-color);
+  font-weight: 700; border-bottom: 2px solid var(--link-color);
+}
+#editor .cm-content .cm-md-table-widget td { border-bottom: 1px solid var(--border-color); }
+
+/* 2.7 分隔线 */
+#editor .cm-content .cm-md-hr { border-top-color: var(--border-color); margin: 2.5em 0; }
+
+/* 2.8 列表：按层级缩进 */
+#editor .cm-content .cm-md-li-0 { margin-left: 0; }
+#editor .cm-content .cm-md-li-1 { margin-left: 1.8em; }
+#editor .cm-content .cm-md-li-2 { margin-left: 3.6em; }
+#editor .cm-content .cm-md-li-3 { margin-left: 5.4em; }
+#editor .cm-content .cm-md-li-4 { margin-left: 7.2em; }
+#editor .cm-content .cm-md-li-5 { margin-left: 9em; }
+#editor .cm-content .cm-md-li-6 { margin-left: 10.8em; }
+
+/* 2.9 图表占位：浅纸绿底 */
+#editor .cm-content .cm-md-mermaid {
+  background: var(--pele-bg); border-left: 3px solid var(--pele-border);
+  padding-left: 16px; padding-right: 16px;
+}
+
+/* 2.10 中文首行缩进：标题/引用/代码/图表/列表行归零 */
+#editor .cm-content .cm-line { text-indent: 2em; }
+
+#editor .cm-content .cm-md-atxheading1,
+#editor .cm-content .cm-md-atxheading2,
+#editor .cm-content .cm-md-atxheading3,
+#editor .cm-content .cm-md-atxheading4,
+#editor .cm-content .cm-md-atxheading5,
+#editor .cm-content .cm-md-atxheading6,
+#editor .cm-content .cm-md-blockquote,
+#editor .cm-content .cm-md-codeblock,
+#editor .cm-content .cm-md-hr,
+#editor .cm-content .cm-md-mermaid,
+#editor .cm-content .cm-md-li-0,
+#editor .cm-content .cm-md-li-1,
+#editor .cm-content .cm-md-li-2,
+#editor .cm-content .cm-md-li-3,
+#editor .cm-content .cm-md-li-4,
+#editor .cm-content .cm-md-li-5,
+#editor .cm-content .cm-md-li-6 {
+  text-indent: 0;
+}
+
+/* ═══ SECTION 3 — 导出 HTML（.colamd-document）═══ */
+
+.colamd-document {
+  font-family: var(--font-body); font-size: 16px;
+  line-height: 1.9; color: var(--text-color);
+}
+
+.colamd-document h1,
+.colamd-document h2,
+.colamd-document h3,
+.colamd-document h4,
+.colamd-document h5,
+.colamd-document h6 {
+  color: var(--text-color); font-weight: 700; line-height: 1.4;
+}
+.colamd-document h1 { font-size: 1.8em; }
+.colamd-document h2 { font-size: 1.5em; }
+.colamd-document h3 { font-size: 1.25em; }
+.colamd-document h4 { font-size: 1.1em; }
+.colamd-document h5 { font-size: 1em; }
+.colamd-document h6 { font-size: 0.95em; color: var(--text-secondary); }
+
+.colamd-document strong { color: var(--link-color); }
+.colamd-document em { font-style: italic; color: #444444; }
+.colamd-document a { color: var(--link-color); text-decoration: none; }
+
+.colamd-document code {
+  font-family: var(--font-mono); font-size: 0.9em;
+  background: var(--code-bg); color: var(--seed-accent);
+  padding: 2px 6px; border-radius: 3px;
+}
+.colamd-document pre {
+  font-family: var(--font-mono); font-size: 0.88em; line-height: 1.6;
+  background: var(--code-block-bg); color: var(--code-block-text);
+  padding: 18px 22px; border-radius: 6px;
+}
+.colamd-document pre code { background: transparent; color: inherit; padding: 0; }
+
+.colamd-document blockquote {
+  background: var(--blockquote-bg); color: var(--text-secondary);
+  border-left: 4px solid var(--blockquote-border);
+}
+.colamd-document mark { background: var(--highlight-bg); }
+
+.colamd-document th {
+  background: var(--table-header-bg); color: var(--text-color);
+  font-weight: 700; border-bottom: 2px solid var(--link-color);
+}
+.colamd-document td { border-bottom: 1px solid var(--border-color); }
+.colamd-document hr { border-top-color: var(--border-color); margin: 2.5em 0; }
+
+.colamd-document ul,
+.colamd-document ol { padding-left: 1.8em; }
+.colamd-document li { margin: 0.35em 0; line-height: 1.8; }
+
+.colamd-document p { text-indent: 2em; }
+.colamd-document li p,
+.colamd-document td p,
+.colamd-document th p,
+.colamd-document blockquote p { text-indent: 0; }
+
+/* ═══ SECTION 4 — 打印 ═══ */
+
+@media print {
+  html,
+  body {
+    background: var(--bg-color);
+    color: var(--text-color);
+    -webkit-print-color-adjust: exact;
+    print-color-adjust: exact;
+  }
+}