In a Sequence Diagram the primaryColor config is ignored for participants' background color #5034
Description
Context
I configured a primaryColor in a sequence diagram on a page of a site using mkdocs-material version 9.0.12.
I expect the background color of the participant box to be the same as primaryColor, whereas it is not.
%%{
init: {
'theme': 'base',
'themeVariables': {
'primaryColor': 'lightgreen'
}
}
}%%
sequenceDiagram
actor user as User
participant p as Button
user ->> p: click
Bug description
The diagram is not rendered as expected:
- ✅ The background color of the actor box (
User) is the same asprimaryColorwhich is expected. - ❌ The background color of the participant box (
Button) is white, which is not expected, I 🤔 .
Both Mermaid Live Editor and Github Previewer, use the primaryColor for the participant's background color. This is what I expected mkdocs-material to do.
My understanding of mermaid.js documentation is the following:
actorBkgmentions thatprimaryColoris the default background color for an actor.MainBkgcomputed fromprimaryColor"should be" used in this case.
🤔 This is my understanding of this gray part of the documentation.
Let me know what you think about this.
%%{
init: {
'theme': 'base',
'themeVariables': {
'primaryColor': 'lightgreen'
}
}
}%%
sequenceDiagram
actor user as User
participant p as Button
user ->> p: click
Related links
Reproduction
Steps to reproduce
- Open http://127.0.0.1:8000/diagram/
- In the sequence diagram, the background color of both the actor (
User) and the participant (Button) boxes should be green.
Browser
No response
Before submitting
- I have read and followed the bug reporting guidelines.
- I have attached links to the documentation, and possibly related issues and discussions.
- I assure that I have removed all customizations before submitting this bug report.
- I have attached a .zip file with a minimal reproduction.