mermaid在线编辑器更换主题颜色为白底黑框

最新推荐文章于 2025-04-14 23:57:52 发布

板栗sama

最新推荐文章于 2025-04-14 23:57:52 发布

阅读量657

点赞数 4

文章标签：编辑器数据库前端 mermaid 流程图自动生成

本文链接：https://blog.csdn.net/qq_62831306/article/details/146974566

版权

增加全局配置代码：

%%{
  init: {
    'theme': 'base',
    'themeVariables': {
      'primaryColor': '#ffffff',
      'primaryTextColor': '#000000',
      'primaryBorderColor': '#000000',
      'lineColor': '#000000',
      'secondaryColor': '#ffffff',
      'tertiaryColor': '#ffffff'
    }
  }
}%%

'primaryColor': '#ffffff', // 背景色

'primaryTextColor': '#000000', // 文字颜色

'primaryBorderColor': '#000000', // 边框颜色

'lineColor': '#000000', // 线条颜色

'secondaryColor': '#ffffff', // 辅助颜色（保持白色）

'tertiaryColor': '#ffffff' // 第三颜色（保持白色）

mermaid文档教程中有提到：