/* Mermaid dark mode 配色覆盖 */ /* 通过 prefers-color-scheme 自动切换 */ /* mkdocs-material 自动给 加 data-md-color-scheme="slate" 或 "default" */ [data-md-color-scheme="slate"] .mermaid { /* 暗色模式：mermaid 用 dark 主题 */ } [data-md-color-scheme="slate"] .mermaid svg { background: #1f1f23 !important; border-radius: 6px; padding: 12px; } [data-md-color-scheme="default"] .mermaid svg { background: #fafafa !important; border-radius: 6px; padding: 12px; } /* mermaid 暗色模式：节点背景、文本颜色 */ [data-md-color-scheme="slate"] .mermaid .node rect, [data-md-color-scheme="slate"] .mermaid .node polygon, [data-md-color-scheme="slate"] .mermaid .node ellipse, [data-md-color-scheme="slate"] .mermaid .node circle { fill: #2e2e35 !important; stroke: #6e6e80 !important; } [data-md-color-scheme="slate"] .mermaid .node .label, [data-md-color-scheme="slate"] .mermaid .node text, [data-md-color-scheme="slate"] .mermaid .edgeLabel, [data-md-color-scheme="slate"] .mermaid .edgeLabel text { color: #e0e0e8 !important; fill: #e0e0e8 !important; } [data-md-color-scheme="slate"] .mermaid .edgePath .path, [data-md-color-scheme="slate"] .mermaid .flowchart-link { stroke: #6e6e80 !important; } [data-md-color-scheme="slate"] .mermaid .arrowMarkerPath, [data-md-color-scheme="slate"] .mermaid marker path { fill: #6e6e80 !important; stroke: #6e6e80 !important; } [data-md-color-scheme="slate"] .mermaid .cluster rect { fill: #2a2a32 !important; stroke: #5a5a70 !important; stroke-dasharray: 5 3; }