How to Apply Custom Colors to SVGs with Multiple Areas?

Question

Hi everyone,

I am working with SVG files that contain multiple paths in EmWi. My goal is to dynamically change specific colors within these SVGs using a color variable.

For example:

• I want to change all blue areas (example hex: #0000FF) in my SVG to a custom color defined by a variable (color_block).
• I am using the Views::SVG class to display the images and I’ve checked the documentation but i am unsure how to target specific colors inside the SVG for dynamic changes.

Is there a way in EmWi to modify specific fill colors directly or do I need to adjust the SVG paths manually before importing them?
Any suggestions or examples of how to handle this would be really helpful!

Thanks in advance

Answer 1

Hello,

please see the section Determine default colors for the SVG image.

Best regards

Paul Banach