Support for color styling in Flowchart Mermaid pack

Hi community. This question is primarily aimed for @Leandro_Zubrezki. Thank you for this wonderful Coda pack. I’m encountering syntax and processing errors when trying to apply a fill or stroke color. And I’ve tried with both versions of the Flowchart styling syntax (older style and newer classDef and class.)

  "
  ...
  style Element fill:#C0B0FF,stroke:#353535; 
  ",

For example, the above would cause a error, and not even a syntax error. My diagram renders fine in MermaidJs’ live editor and I copy/pasted it directly into the Coda pack Flowchart formula. I suspect there is a limitation or bug interaction here with parsing the hash character.

I would appreciate any help you could provider. Thank you in advance.


Edit:

I’ve figured it out. It is a bad parsing interaction with the hash character. Perhaps because it’s used as a comment string character. Anyhow, using the URL escape code %23 gets it to work.

1 Like

Hi @Christopher_Chow ,

Sorry for the late reply!

I have released a fix today related to that, can you give it a try again without you doing the encoding? classDef should work for sure.

That was actually the problem with the # character after an upgrade we made a couple of months ago.

Cheers,