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

Question

下面是我的md文件的一个示例

%%{init: {'securityLevel': 'loose', 'theme': 'base', 'themeVariables': { 'darkMode': false, 'primaryColor': '#ffaacc', 'fontSize': '14px', 'lineColoe': '#0404ff', 'edgeLabelBackground':'#ffffaa'}}}%%
graph LR
    id0[皇马]o==>id2[对]o-->id3[奥尼尔]-->id4[不]-->id5[感]-->id6[兴趣]

上述文件应用于docsify服务器。index.html中相应的js配置如下所示：

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

和

var num = 0;
    mermaid.initialize({ startOnLoad: false });

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

我得到了这样的图表：

​

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

我想把箭头的颜色改成纯黑色。

谢谢你告诉我如何更改和配置

Answer 1

你必须用这句话：

linkStyle default stroke: black

这将修改图上的所有链接。如果要更改特定链接，可以使用：

linkStyle 0 stroke: blue

当0是您想要更改的图表上的链接数时，按您所写的顺序排列。

更多信息见：https://youtu.be/-XV1JBfhgWo?t=890