Mermaid not rendering correctly in dark mode

[Alex-apostolo]

I installed Mermaid and trying to use it with Furo, in dark mode I would expect the arrows with their descriptions to be white but that is not the case and they are barely visible.

One way to solve this issue is by including this css class in the custom_css for Sphinx.

.mermaid {
  background: white;
  border-radius: 3px;
  margin: 16px 2px;
}

Which produces this result

But optimally it would look like this

I have found similar discussions such as this but not one for Furo. Any help would be much appreciated

[kdeldycke]

Some proposal to fix this issue:

• Light/Dark theme defaults for furo theme mgaitan/sphinxcontrib-mermaid#205
• Support for dynamic light/dark theme  mgaitan/sphinxcontrib-mermaid#78