Skip to content

Mermaid entity relation diagram styling #3838

Answered by MarkAureliy
MarkAureliy asked this question in Q&A
Discussion options

You must be logged in to vote

I found the answer. The important part of the documentation is "Config options" section. this mean the styles should be placed accordinly. Mermaid config could be placed into mermaid.initialize() or inline on the first line of your digram with %%{init: { }}%% expression. You can see details here https://mermaid-js.github.io/mermaid/#/./directives.

example for ER diagram styling:

%%{init: {'themeCSS': '.er.attributeBoxEven { fill: #f2f2f2; }' }}%%

Replies: 1 comment 6 replies

Comment options

You must be logged in to vote
6 replies
@MarkAureliy
Comment options

@data-igor
Comment options

@MarkAureliy
Comment options

@data-igor
Comment options

@DatBlaueHus
Comment options

Answer selected by MarkAureliy
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
3 participants