Mermaid - emoji being inverted if Obsidian theme is set to Dark

Steps to reproduce

  1. Change Obsidian theme to Dark
  2. Create a Mermaid diagram that features emojis, such as the below:
flowchart TD
Idea --> visual(Visual<br>👁️)
Idea --> verbal(Verbal<br>💬)
visual --> recall(Recall<br>💡)
verbal --> recall

Did you follow the troubleshooting guide? [Y/N]

Yes, issue can be replicated in the Sandbox Vault.

Expected result

Emojis are displayed as they normally would depending on the operating system and throughout the rest of Obsidian.

Actual result

Emoji colours are inverted:

Environment

From Sandbox Vault:

SYSTEM INFO:
	Obsidian version: 1.12.4
	Installer version: 1.12.4
	Operating system: Darwin Kernel Version 25.3.0: Wed Jan 28 20:53:15 PST 2026; root:xnu-12377.81.4~5/RELEASE_ARM64_T6000 25.3.0
	Login status: logged in
	Language: en-GB
	Catalyst license: insider
	Insider build toggle: off
	Live preview: on
	Base theme: dark
	Community theme: none
	Snippets enabled: 0
	Restricted mode: on

RECOMMENDATIONS:
	none

Also verified it happens in the Sandbox Vault in Windows 11.


Additional information

The only thing that appears to change this is the Obsidian base colour scheme toggle; Obsidian themes and using a Mermaid diagram specific theme (https://mermaid.ai/open-source/config/theming.html#diagram-specific-themes) do not impact this.

I am sorry, due to the way we handle dark mode mermaid, we are not going to fix this.

1 Like