[NEW FEATURE] - @theguild/remark-mermaid to support mermaidConfig as parameter

[LunaticMuch]

I am using Nextra and mermaid diagrams, which are great. However, to make the diagram fit into my needs, I always need to add to any diagram some init configuration, example

%%{
  init: {
    'themeVariables': {
      'fontFamily': 'trebuchet ms, verdana, arial',
      'fontSize': '14px'
    }
  }
}%%

I think it would be good if the plugin a mermaidConfig as variable

[dimaMachina]

Hey! I think specifying font can be done via css? https://mermaid.js.org/config/usage.html#labels-out-of-bounds

[LunaticMuch]

For that particular case, yes...which is also my main one. Let me try to how I can feed it in from Tailwind config

[dimaMachina]

Hi @LunaticMuch did you succeed, or do you still need this option?

[LunaticMuch]

@B2o5T I would say yes. I did some tests but all failed. I suspect the diagram is rendered before/without reading the mermaid css config you can put in Nextra/Next.JS and therefore whichever change you put there is just not effective

[wenqi73]

I need thi feature to add customize layout:

mermaid.initialize({
	layout: 'elk',
	// ...
});