mermaid-js / mermaid

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
https://mermaid.js.org
MIT License
71.21k stars 6.42k forks source link

Styling components of the sequence diagram #523

Open CyborgMaster opened 7 years ago

CyborgMaster commented 7 years ago

I would love to be able to style the actor boxes and possibly arrows of the sequence diagram in a similar way that you allow styling the nodes and links of the flowcharts. I believe that a similar (if not identical) syntax should work.

pavzagor commented 1 year ago

+1

paul-england commented 1 year ago

+1

gabrieloldaccount commented 1 year ago

+1

siarhei-kavaleuski commented 1 year ago

please

jgreywolf commented 1 year ago

@JamWils Are you still planning to look into this?

edcassin commented 1 year ago

+1

dgudim commented 1 year ago

+1

DaleMoody commented 1 year ago

+1

jjspace commented 1 year ago

Respectfully please stop posting comments that are only "+1" or ":+1:". I'm not one of the maintainers here so I can't enforce it but it's increasingly frustrating to see notifications for this issue getting my hopes up that something happened only to see it's yet another person commenting with zero added benefit. Please be respectful of others who are following this issue. These comments only clutter the issue thread and create extra noise for everyone involved.

If you don't have anything productive to add towards completion of this issue please just go react :+1: to the first post, hit "subscribe" on the right if you want notifications, and wait like the rest of us.

https://github.com/isaacs/github/issues/9 https://github.com/isaacs/github/issues/640 https://github.com/isaacs/github/issues/968

Edit: If you are one of the common maintainers/contributors to this project I would strongly urge this issue get looked at soon. It's currently the most upvoted issue on the repo and is 3 years old. It's clear there's some strong desire here

sidharthv96 commented 1 year ago

@jgreywolf are you working on this? If not, we can remove the assignment and open it up for the community.

rafaell22 commented 1 year ago

Hey, is anyone working on this one? May I try as my first issue?

YouXam commented 1 year ago

One possible way is to set color manually after rendering:

mermaid.run({
  querySelector: '.mermaid',
  postRenderCallback: () => {
    document.querySelectorAll(".arrowMarkerPath").forEach(item => {
      item.style.fill = "white";
    });
  }
});
duaneking commented 10 months ago

Ran into this today; I wanted to take a state diagram and make some nodes red and others green., to highlight the path a state transition took.

Cool-PKY commented 8 months ago

Anything updates?

wico-heuschkel commented 8 months ago

+1

zguesmi commented 7 months ago

+1

covapps commented 7 months ago

+1

funnybunnyQAQ commented 4 months ago

+10000

suresh12 commented 3 months ago

+100

cdelmas34 commented 2 months ago

+1

devinmori commented 2 months ago

+1

KitsanapongRodj commented 1 month ago

+1

swarajban commented 1 month ago

+1

nitaiaharoni1 commented 1 month ago

+1

vladpactum commented 3 weeks ago

+1

dnrahamim commented 3 weeks ago

+1

Aaron-cdx commented 2 weeks ago

+1

SvenRelijveld1995 commented 1 week ago

+1!