Mermaid timeline diagrams in dark mode

[thdhondt]

Context

I'm trying to use the Mermaid Timeline diagram in an Mkdocs Material website.

Bug description

The diagram renders correctly in light mode, but the color scheme does not update when switching to dark mode. Other Mermaid diagrams seem to change their color scheme as expected.

Light mode:

Dark mode:

Here are the Mermaid diagrams I used:

``` mermaid
graph LR
  A[Start] --> B{Error?};
  B -->|Yes| C[Hmm...];
  C --> D[Debug];
  D --> B;
  B ---->|No| E[Yay!];
```

```mermaid
timeline
    title History of Social Media Platform
    2002 : LinkedIn
    2004 : Facebook
         : Google
    2005 : YouTube
    2006 : Twitter
```

Related links

• Reporting a bug
• Diagrams
• Mermaid Timeline

Reproduction

9.6.15-mermaid-dark-timeline.zip

Steps to reproduce

1. Serve the provided project.
2. Toggle between dark and light mode.

Browser

No response

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. Timeline diagrams are currently not natively supported, and we currently do not intend to add support for them. You might roll your own Mermaid integration, see #8312, which should allow to add support.