vscode中mermaid如何改变流程图的颜色为红色

在Visual Studio Code (VSCode) 中使用 Mermaid 插件创建流程图并将其颜色改为红色，你需要按照以下步骤操作：

1. 首先，确保你已经安装了 Mermaid 插件。可以通过 VSCode 的市场插件搜索 "mermaid" 并安装。

2. 在你的 Markdown 文件中编写流程图，使用 Mermaid 语法。例如，一个简单的流程图可能会像这样：

   sequenceDiagram
       Alice ->> Bob: 向 Bob 发送请求
       Bob ->> Alice: 回复消息

3. 要指定颜色，你需要在特定的元素上应用 CSS 类。为了将文字和线条都变为红色，可以这样添加：

   sequenceDiagram
       participant Alice stroke:red fill:none
       participant Bob stroke:red fill:none
       Alice->>Bob: [请求] class:my-red-message
       Bob->>Alice: [回复] class:my-red-message

这里我们使用 `stroke:red` 和 `fill:none` 来设定边框和填充色，`class:my-red-message` 则会应用到箭头的文字标签上。

4. 接下来，你需要创建一个自定义 CSS 样式。新建一个名为 `.css` 或者 `.scss` 的文件（假设路径为 `.vscode/css/mermaid-custom.css`），并在其中添加以下内容：

   .my-red-message {
       stroke: red;
       fill: none;
   }

5. 最后，确保在你的 Markdown 文件的开始处添加这个自定义主题，就像这样：

   mermaid {
       theme: custom;
       css: ./css/mermaid-custom.css;
   }

这样，你的流程图就会显示为红色了。如果想改变其他部分的颜色，只需修改相应的 CSS 类即可。