Is it possible to export metadata or custom properties from Draw.IO elements into the SVG elements, for example as a class or data-* attributes?

[reenberg]

This is basically yet another light/dark mode question.

I am creating my documentation using MkDocs and the Material theme, which has great support for switching between light/dark theme, through CSS variables.
From reading the other questions on the same topic, i have settled on 1) inlining the SVG image, so it can be styled, and 2) having some custom CSS that changes the fill, stroke, etc through the use of !important.

This actually works quite nice, however I currently don't have a way of distinguishing Draw.IO elements from each other in the SVG (these are simple graph like diagrams with nodes, edges and some labels).

I am currently styling the rect, path and div elements in the inlined SVG, however I would like to colour "container" elements differently than the regular elements, and preferably even being able to set some metadata or custom properties on the needed elements that would be transferred to the SVG output such that it could be matched by CSS selectors giving me the option to differentiate more "types" of elements from each other.

I have tried various settings in the UI, but I can't get anything to be exported in the SVG elements, besides the colours and font information.
My best effort currently is to designate a specific fill colour to container elements, and then have a CSS selector match on that, but it seems very hackish.
It would be awesome if there was a way to tag elements with a class or data-* attributes based on the metadata or custom properties. This would most likely be very specific to SVG, and not really do anything to PNG/JPEG exports. This way it should still look normal if viewed independently, or rendered in a Gihub/GitLab readme, but still perfectly align with the colour theme of the MkDocs documentation when embedded there.

[assoft89]

Have you found a solution?

[jayib]

I am also curious about this. I use JavaScript to manipulate the styles of the SVG elements. I can refer to specific elements using their data-cell-id integers, but it would be more useful to have custom properties assigned in draw.io exported to the SVG so I could refer to them them by their name.