Skip to content

Default Mermaid theme makes subgraphs hard to read #10214

Closed as not planned
Closed as not planned
@adrhill

Description

@adrhill

First of all, thanks a lot for your work on Quarto!

I found that when rendering nested Mermaid graphs, the resulting diagrams are close to unreadable, even though the Quarto documentation advertises theming compatibility.
The problem is especially bad when using revealjs.

Revealjs output:
image

HTML output:
image

Minimal example:

---
title: "Mermaid test"
format: revealjs
---

## Mermaid test
```{mermaid}
%%| echo: false
flowchart LR

  subgraph B
    direction TB
    C-->D
  end

  A-->B
```

Metadata

Metadata

Assignees

No one assigned

    Labels

    duplicateThis issue or pull request already exists

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions