Is it possible to style an Entity Relation Diagram with Mermaid.js like Flowcharts to indicate a difference in entities?

Question

I can't seem to style any elements within my ERD.

Having an entity called PERSON , any of the following code results in a syntax error:

style PERSON fill:#f9f;

or

classDef className fill:#f9f; 
class PERSON className;

or

classDef default fill:#f9f;

Looking at the documentation, I should be able to use simple styling: https://mermaid-js.github.io/mermaid/#/entityRelationshipDiagram?id=styling

Basically I'm trying to make a high level ERD where I need to mark certain entities to indicate a difference.

Any help or advice would be appreciated. :-)

Answer 1

I wasn't in luck either. In flowcharts it seems possible to style and shape the nodes though. https://github.com/mermaid-js/mermaid/blob/develop/docs/examples.md

Answer 2

It's not currenly possible to style erDiagrams in Mermaid JS per github issue: https://github.com/mermaid-js/mermaid/issues/2673