It would nice if an image is an svg, to be able to recolor it like you’re able to do with icons. Or, to provie all of the image options that are provided for icimages for icons. The typical usecase for this is website background images that you may need to repeat, or have certain overflow, but you need to set a certain color to match the website theme .
Hi @sarah_ahmed I’m curious if this is something getting looked into at all. I have a new use case where this would be the solution. Either that or having the same capabilities to manipulate an icon that exist for an image.
I can walk you through my usecase if you’re interested to learn more.
I believe that’s not currently in our roadmap. Is it possible to achieve your particular use case with a custom code component?
Like an imported code component? This is relative to what I’m trying to do; I can try to see if I’m able to register it and if it works the way I’d like GitHub - andraswebcode/shape-dividers: SVG shape divider collection for websites
I’ve tried to do it with a custom component but not able to because the icon won’t stretch the SVG out all the way of the width of the page.
My current work around that I’m exploring is to use https://www.svgbackgrounds.com/app/ but the difficulty is that I have to manually set the hex colors within that tool rather than being able to dynamically color them within Plasmic using the tokens. And I’d still be using it as an image and not a token, but it gets me closer to what I’m trying to achieve.
This is the feature I’m trying to replicate: Editor X: Adding and Customizing Shape Dividers | Help Center | Wix.com
Oh, and another downfall of the component being an image instead of an icon/svg, is that I have my colors set that there is a global variant for dark mode where the same token value has esentially the opposite color as its value for dark mode; so it flips in the opposite mode.