Mermaid notes aren't readable with Dark base theme

Steps to reproduce

Create a note with this mermaid code snippet:

sequenceDiagram
	C-)D: Send message w/ connection
	Note over C, D: other requests unaffected by the streaming of data

Expected result

The note “other requests unaffected by the streaming of data” to be readable using the base Dark mode theme.

Actual result

The note is perfectly rendered in Light mode, but the colors aren’t readable with the Dark theme. No custom CSS loaded.

Environment

  • Operating system: macOS 12
  • Obsidian version: 0.12.15

Additional information


1 Like

I also see this behavior on Obsidian 0.12.15, Windows 10. It’s a shame since I needed to make some notes I’m making with mermaid and them being hard to read is less than ideal.

It’s possible to change mermaid colours, although you’d have to add comments at the end of the mermaid text, and specify which entity you want to change.
https://mermaid-js.github.io/mermaid/#/theming
I’ve tried checking if it’s possible to change with css, but I haven’t found a good answer as of yet.