如何更改 marmaid.js 中箭头的颜色

Question

如何更改 marmaid.js 中箭头的颜色

don*_*nyu 4 javascript markdown mermaid docsify

这是我的 md 文件的示例

\n

%%{init: {\'securityLevel\': \'loose\', \'theme\': \'base\', \'themeVariables\': { \'darkMode\': false, \'primaryColor\': \'#ffaacc\', \'fontSize\': \'14px\', \'lineColoe\': \'#0404ff\', \'edgeLabelBackground\':\'#ffffaa\'}}}%%\ngraph LR\n    id0[\xe7\x9a\x87\xe9\xa9\xac]o==>id2[\xe5\xaf\xb9]o-->id3[\xe5\xa5\xa5\xe5\xb0\xbc\xe5\xb0\x94]-->id4[\xe4\xb8\x8d]-->id5[\xe6\x84\x9f]-->id6[\xe5\x85\xb4\xe8\xb6\xa3]\n

Run Code Online (Sandbox Code Playgroud)\n

上述文件应用于docsify服务器。而index.html中对应的js配置是这样的：

\n

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.css">\n  <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>\n\n

Run Code Online (Sandbox Code Playgroud)\n

和

\n

var num = 0;\n    mermaid.initialize({ startOnLoad: false });\n\n    window.$docsify = {\n      name: \'\',\n      repo: \'\',\n      el: \'#app\',\n      maxLevel: 6,\n      loadNavbar: true,\n      loadSidebar: \'summary.md\',\n      themeable: {\n        readyTransition: true, // default\n        responsiveTables: true  // default\n      },\n      markdown: {\n        renderer: {\n          code: function (code, lang) {\n            if (lang === "mermaid") {\n              return (\n                \'<div class="mermaid">\' + mermaid.render(\'mermaid-svg-\' + num++, code) + "</div>"\n              );\n            } ;\nreturn this.origin.code.apply(this, arguments);\n          }\n        }\n      }\n

Run Code Online (Sandbox Code Playgroud)\n

我得到这样的图表：

\n

\n我对箭头的颜色调整感到困惑。因为箭头的颜色是灰色的，线条的颜色是黑色的。