CSS style unreadable for Mermaid dark mode

[917huB]

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

[Yukaii]

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. https://github.com/hackmdio/codimd/blob/558fa5fcf46b0a94c49c503c2e1373c86829ff1e/public/js/extra.js#L397

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

[RamGoel]

@Yukaii I want to work on this issue

[sajdakabir]

Hey, @Yukaii I would like to work on this. can you please assign it to me?

[classr-22]

Hey, @Yukaii I would like to work on this. can you please assign it to me?

[abhishek-kumar-91]

I want to work on this issue, please assign me.

[siddarthpai]

Hey @Yukaii , could I work on this issue?

[Groot-2001]

Yoi ! @Yukaii is this issue still open ?

[ancxanas]

Why is nobody being assigned to this issue?