Mermaid rendering in dark mode is virtually unreadable

[NoahC1]

Steps to reproduce

Mac OS, in dark mode, fresh install and no new CSS, a mindmap becomes virtually unreadable because of fine purple text on black CSS for one portion of the map. Leads to funny underlines as well on top corner. It actually looks like an ultraviolet theme that should be renamed “deep ultraviolet” or “x-ray”
Code for the mindmap is below:

mindmap
  root((Obsidian Vault))
    Plugins
      Core Plugins
      Community Plugins
    Formatting
      Markdown
      Mermaid Diagrams
      Latex Math
    Organization
      Folders
      Tags
      Internal Links

Did you follow the troubleshooting guide? Y

Expected result

Something legible

Actual result

Pasted below as a screenshot

Environment

SYSTEM INFO:
Obsidian version: 1.13.4
Installer version: 1.13.4
Operating system: Darwin Kernel Version 25.6.0: Sat Jul 11 15:27:04 PDT 2026; root:xnu-12377.161.13~4/RELEASE_ARM64_T6050 25.6.0
Login status: not logged in
Language: en
Insider build toggle: off
Live preview: on
Base theme: adapt to system
Community theme: none
Snippets enabled: 0
Restricted mode: on
RECOMMENDATIONS:
none

---

Additional information

Screenshot attached

[oldsagemonkey]

Use themes: Diagram Syntax | Mermaid

Here’s an example of adding config information to change the look of a flowchart:

---
config:
    theme: base
    layout: elk
    themeVariables:
        primaryColor: '#10306030'
        primaryTextColor: '#000000f0'
        lineColor: '#000000f0'
        nodeBorder: '#10306080'
---

This goes after defining a code block as a mermaid diagram and before defining the type of chart.

[WhiteNoise]

this is due to way we handle dark mode in mermaid (invert color). Unfortunately it’s not gonna change anytime soon.