V1.1.13 broke mermaid colors for flowcharts in dark mode

before v1.1.13 mermaid looked good in Obsidian, but colors where hard to read on PDF Export.
Now the PDF Export looks good but the text in flowcarts is not readable in obsidian.

This only happens in Dark Mode, light mode is readable.


It would be helpful if you followed the BR template.

will be fixed 1.1.14

I’m very very sorry for not following the template.
Had a 10min gap between meeting and picking up my kids, I would have forgotten to submit this BR if I didn’t have done it right in that 10 min gap.

Steps to reproduce

  • open sandbox vault
  • write mermaid flowchart (here’s a simple example to help reproduce)
%% Node links  
	subgraph Main[Jekyll Rendering Process]
		direction LR
		Plugin --> Sourcing --> RenderingPhase --> Writing
	subgraph RenderingPhase[Rendering Phase]
		direction TB
		InterpretLiquid --> ConvertMarkdown --> PopulateLayout

Expected result

  • When in dark mode, i expect the text in the flowchart to follow default dark mode. But what i see is that the obsidian default css seems to input in text color #333 rather than var: (--text-normal);

Actual result

  • mermaid flowchart in dark mode has dark text (making it not readable)
  • btw, mermaid gantt chart does not have this problem. i don’t use other mermaid diagrams so can confirm those.
  • issue is present for both LP and Reading View.


  • Operating system: Windows 10 (v 10.0.19045)
  • Debug info:

Obsidian version: v1.1.13
Installer version: v1.1.9
Operating system: Windows 10 Enterprise 10.0.19045
Login status: logged in
Catalyst license: insider
Insider build toggle: on
Live preview: on
Legacy editor: off
Base theme: dark
Community theme: none
Snippets enabled: 0
Restricted mode: on


Additional information

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.