Mermaid flowChart title can't see clearly in dark mode

[evan361425]

Context

Mermaid flowchart title is too dark to see in dark mode.

Bug description

Mermaid allow write title above the flowchart

---
title: Hello World
---
flowchart LR
  user --> website

---
title: Hello World
---
flowchart LR
  user --> website

Loading

But in dark mode, this title will be unclearly to see

I tried customize CSS, but as #4582 shows, this is not easy.

Related links

• How to modify Mermaid CSS #4582
• Mermaid has title theme config in Flowchart Variables
• my document with this situation: https://evan361425.github.io/essay/confidential-computing/#%E8%99%9B%E6%93%AC%E8%A8%98%E6%86%B6%E9%AB%94%E7%AE%A1%E7%90%86

Reproduction

My palette config is

theme:
  palette:
  - media: "(prefers-color-scheme: light)"
    scheme: default
    primary: indigo
    accent: light-blue
  - media: "(prefers-color-scheme: dark)"
    scheme: slate
    primary: blue-grey
    accent: deep orange

and extensions config is

markdown_extensions:
- pymdownx.highlight
- pymdownx.superfences:
    custom_fences:
    - name: mermaid
      class: mermaid
      format: !!python/name:pymdownx.superfences.fence_code_format

Steps to reproduce

1. Create mermaid codeblock same as above

---
title: Hello World
---
flowchart LR
  user --> website

Loading

2. Build the site
3. Toggle to dark mode

I'm not providing .zip file because it has 119 MB and I think it is not valuable for this situation, but I'll provide it if you need it!

Browser

Chrome

Before submitting

• I have read and followed the bug reporting guidelines.
• I have attached links to the documentation, and possibly related issues and discussions.
• I assure that I have removed all customizations before submitting this bug report.
• I have attached a .zip file with a minimal reproduction using the built-in info plugin.

[squidfunk]

Thanks for reporting. First of all, please stick to our bug reporting process – you're making our life easier, and we can help you much faster by providing a mandatory runnable minimal reproduction. For us, looking into issues that do not include runnable reproductions is pure good will, as it takes us more time to investigate.

Fixed in b368cee. Additionally, titles of the other supported diagram types now properly render in dark mode.

[squidfunk]

Released as part of 9.5.49.