Mermaid diagrams rendering to dark in dark mode (8.3.0 regression) #4000
Description
Contribution guidelines
- I've read the contribution guidelines and wholeheartedly agree
I've found a bug and checked that ...
- ... the problem doesn't occur with the
mkdocsorreadthedocsthemes - ... the problem persists when all overrides are removed, i.e.
custom_dir,extra_javascriptandextra_css - ... the documentation does not mention anything about my problem
- ... there are no open or closed issues that are related to my problem
Description
When upgrading form 8.2.16 to 8.3.2, I noticed that the Mermaid diagrams fonts and colors are not following the theme fonts and colors as before.
With 8.2.16:
With 8.3.2:
Expected behaviour
The 8.2 behavior is expected.
Actual behaviour
The fonts and colors of diagrams are not consistent with the theme.
Steps to reproduce
- Create a new site in 8.3.2
- Enable Mermaid diagrams in mkdocs.yml
- Add a Mermaid diagram in Markdown
``` mermaid
classDiagram
class BankAccount
BankAccount : +String owner
BankAccount : +Bigdecimal balance
BankAccount : +deposit(amount)
BankAccount : +withdrawl(amount)
```Package versions
- Python:
3.10.4 - MkDocs:
1.3.0 - Material:
8.3.2
Configuration
site_name: My Docs
theme:
name: material
palette:
scheme: slate
primary: indigo
markdown_extensions:
- pymdownx.superfences:
custom_fences:
- name: mermaid
class: mermaid
format: !!python/name:pymdownx.superfences.fence_code_formatSystem information
- Operating system: Windows 10
- Browser: Chrome
<
510C
div height="sm" width="random" class="Box-sc-62in7e-0 LoadingSkeleton-sc-f120ff6b-0 gTxibc dnRMzw">