Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS style unreadable for Mermaid dark mode #1341

Open
917huB opened this issue Nov 10, 2019 · 1 comment
Open

CSS style unreadable for Mermaid dark mode #1341

917huB opened this issue Nov 10, 2019 · 1 comment

Comments

@917huB
Copy link

@917huB 917huB commented Nov 10, 2019

Looks fine in light mode, text unreadable in dark mode.
UML-dark
UML-light

@Yukaii
Copy link
Member

@Yukaii Yukaii commented Nov 12, 2019

Thanks for firing up this issue. After some investigations, I found that it consists of 2 issues:

  1. The mermaid stylesheet is outdated. Mermaid now embed styles inline when generating svg. This stylesheet should be removed (from our webpack config).
  2. Night mode implementation for mermaid is also outdated. Latest mermaid provides 4 different themes. We should feed in mermaid theme option based on current theme, and then trigger a rerender.
    window.mermaid.init(undefined, $ele)

Ref: https://stackoverflow.com/questions/49535327/change-mermaid-theme-in-markdown

edgarogh pushed a commit to WartaPoirier-corp/codimd that referenced this issue Sep 21, 2021
…-material-7.x

chore(deps): update dependency mkdocs-material to v7.1.6 (master)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
2 participants