如何实现Mermaid Live与GitHub的Mermaid图表样式统一？

核心问题是GitHub的Mermaid默认主题与Mermaid Live、PyCharm插件不一致，导致文本颜色等样式差异，可通过以下方法统一：

• 强制指定统一主题
  GitHub默认会根据仓库显示模式（深色/浅色）切换Mermaid主题，而Mermaid Live和PyCharm插件默认使用default浅色主题。在Mermaid代码开头添加主题初始化指令，强制所有环境使用同一主题：

  %%{ init: { 'theme': 'default' } }%%
  # 你的图表代码
  

  也可以指定dark主题，确保所有环境下样式统一。

• 自定义元素样式兜底
  如果主题切换后仍有部分元素样式不符合预期，用style指令直接定义元素的颜色、填充色等属性，比如解决蓝色框内文本可读性问题：

  %%{ init: { 'theme': 'default' } }%%
  graph TD
      A[蓝色框内容] --> B[其他节点]
      style A fill:#63b3ed, color:#000000, stroke:#333
  

  显式设置文本颜色为黑色，不管环境主题如何，该样式都会优先生效。

• 同步Mermaid版本兼容
  不同环境的Mermaid版本可能存在语法差异，建议在Mermaid Live Editor中编写测试代码，确认渲染效果后再同步到GitHub和PyCharm，避免因版本不兼容导致的样式偏差。

（补充说明：Mermaid Live/PyCharm渲染效果为蓝色框内黑色文本，清晰可读；GitHub渲染效果为蓝色框内白色文本，与背景对比度低，难以辨认）

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