Flow charts - opacity fill

[amacsmith]

Proposal

First of all, thanks for the amazing product and all the hard work! I am either not seeing something or mis-interpreting some of the fill styling for nodes.

Feature Request:

I want to be able to, through color styling (fill), contrast two main points. This can be hinted at or visually made aware through the chart via color and its opacity.

Example:

Say for instance, a MSCW (must have, should have, could have, will not have) chart's ideals blended into a flow chart. I could say do this by fill color Green, orange, yellow, red respectively for Must, Should, Could, Will not. Then if I wanted to contrast that by another factor like effort, cost, time, resources, etc... I could utilize opacity to visually conceptualize which aspects of a flowchart to identify items like low hanging fruit (cheap and Must have) vs (expensive and could have) Money pits.

Opinion:

I think by adding this feature a lot could be gained in terms of simplifying all encompassing infographics/charts to one versus the need to have two or more charts to tell the same story.

Again, thanks for all the work and effort on a great product. If I am simply missing some syntax or semantics please point me to the docs and I will be on my merry way still promoting MermaidJs!

Example

No response

Screenshots

No response

[amacsmith]

Sorry, I have found the answer to my question, which I believe mermaidjs does support rgba. However, I guess maybe that leads into possibly using patternized SVG backgrounds to highlight the changes in alpha better, but I don't know what I would propose fully for that 🤷‍♂. Therefore, I am closing this issue. Thanks again for an amazing product!

[amacsmith]

Update: actually it doesn't seem to for flowcharts. However, I can use a workaround of border color and saturation to achieve similar results. Though I still think the issue holds some legitimacy, but I don't have the time to add a PR or time to assist (sorry). Thanks again!