Mermaid graphs style issues

[alexrait]

The background of the text on a link is problematic.

graph TD; A -->aaa --> B(aa);

Produces this for me:

And on flowcharts it doesn't look good on the squares:

Is there a way to solve it?

[mrvautin]

You would have to edit the existing theme css or add a new css file.

[alexrait]

What exactly should be changed for that? It seems to me that the default values are not OK.

[mrvautin]

I’m not sure it’s the default mermaid CSS which would need to be overwritten.

[Steve-Mcl]

Hi, this is still an issue.

I am fairly certain the default theme is nothing like what is displayed in OpenKB.

Looking at your code, I see you have packaged V6.0.0 directly inside the src & the colours in your CSS are nothing like the V6.0 default colours

Example screen shot from github ...

Request, could you update to latest mermaid version 8.3.1? It no longer uses CSS files but instead embeds the theme (updage js, specify theme in initialise({}) & remove css file).

Here is a screenshot of my local OpenKB using latest version (8.3.1)...

..it is much more usable / readable.

I could submit a PR if that is preferable?

[mrvautin]

If you have already looked into this and know how to fix it, a PR is preferable.

[Steve-Mcl]

Hi, please see #283 - hopefully this is acceptable.

[Steve-Mcl]

update, the PR is here #284. please review and feedback if need be. thanks, Steve.