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.

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

Already on GitHub? Sign in to your account

馃拕 Mermaid diagrams do not follow Loopdocs color scheme #588

Closed
ebouchut opened this issue Feb 20, 2023 · 3 comments
Closed

馃拕 Mermaid diagrams do not follow Loopdocs color scheme #588

ebouchut opened this issue Feb 20, 2023 · 3 comments

Comments

@ebouchut
Copy link
Collaborator

ebouchut commented Feb 20, 2023

The Mermaid (sequence) diagrams do not follow the LoopDocs' color scheme.
They use accent color #526cfe instead of the primary color #18A0A0 for actors, participants, steps, box borders...
This is mkdocs-material's expected behavior but is not in line with our color scheme.

mermaid_sequence_diagram_before

@marionbarker I suggest configuring the diagrams to use the primary color for these graphical components.

@ebouchut
Copy link
Collaborator Author

ebouchut commented Feb 20, 2023

I found a way to configure this thanks to a recent mkdocs-material update.

Adding this to docs/stylesheets/extra.css would do the trick:

.mermaid {
   --md-mermaid-node-fg-color:  #18A0A0;
}
mermaid_sequence_diagram_after

@ebouchut
Copy link
Collaborator Author

Reopening as this no longer works (due to a change in mermaid.js?).

@ebouchut
Copy link
Collaborator Author

PR #785 fixed this issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant