Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Stylize Mermaid diagrams #66

Open
PaulRBerg opened this issue Jul 12, 2023 · 0 comments
Open

Stylize Mermaid diagrams #66

PaulRBerg opened this issue Jul 12, 2023 · 0 comments
Assignees
@razgraf @maxdesalle
Labels
effort: high Large or difficult task. priority: 3 Nice-to-have. Willing to ship without this. type: style Changes that do not affect the meaning of the code. work: complicated Sense-analyze-respond. The relationship between cause and effect requires analysis or expertise.

Comments

@PaulRBerg
Copy link
Member

In #62, @maxdesalle attempted to stylize the Mermaid.js diagrams by adding an orange stroke. His attempt didn't pan out because the task involves catering for both the light and the dark theme of the website.

The docs for custom styling in Mermaid.js flowcharts can be found here:

https://mermaid.js.org/syntax/flowchart.html#styling-and-classes

In particular, we may be interested in the Css classes section - which seems to make it possible to apply a global style using the .cssClass > rect CSS selector.
@PaulRBerg PaulRBerg mentioned this issue Jul 12, 2023
Merged
@maxdesalle maxdesalle self-assigned this Jul 12, 2023
@PaulRBerg PaulRBerg added effort: high Large or difficult task. priority: 3 Nice-to-have. Willing to ship without this. type: style Changes that do not affect the meaning of the code. work: complicated Sense-analyze-respond. The relationship between cause and effect requires analysis or expertise. labels Jan 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@razgraf razgraf

@maxdesalle maxdesalle

Labels
effort: high Large or difficult task. priority: 3 Nice-to-have. Willing to ship without this. type: style Changes that do not affect the meaning of the code. work: complicated Sense-analyze-respond. The relationship between cause and effect requires analysis or expertise.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@PaulRBerg @razgraf @maxdesalle