如何修改mermaid.js中用户旅程图的用户颜色？

目前Mermaid官方提供的主题变量中，确实没有专门用于修改用户旅程图里用户标签（如你的示例中的Me、Cat）颜色的直接属性，但可以通过以下两种方式实现自定义：

方法1：使用Mermaid内置类定义语法 #

在Mermaid代码内通过classDef定义自定义样式类，再用class将该类绑定到目标用户，无需依赖外部资源：

%%{
  init: {
    'theme': 'dark'
  }
}%%

journey
    title User journey
    -- 定义用户样式类：可自定义填充色、边框色、边框宽度 --
    classDef customUser fill:#ff0000,stroke:#ffffff,stroke-width:2px;
    section Sect1
      Do something: 1: Me, Cat
    section Sect2
      Do other thing: 5: Me, Cat
    -- 将样式类绑定到指定用户 --
    class Me,Cat customUser

方法2：通过CSS覆盖默认样式（网页环境适用） #

如果是在网页中嵌入Mermaid图表，可以通过全局CSS直接覆盖用户标签的默认样式：

批量修改所有用户标签 #

.journey-actor {
  fill: #ff0000 !important; /* 自定义填充色 */
  stroke: #ffffff !important; /* 自定义边框色 */
}

为单个用户设置专属颜色 #

Mermaid会为每个用户标签生成带用户名的ID（格式为actor-用户名），可以针对性设置：

#actor-Me {
  fill: #ff0000 !important;
}
#actor-Cat {
  fill: #00ff00 !important;
}

内容的提问来源于stack exchange，提问作者Andrew Khassapov