Change svg image colors at runtime?

[ms-somanna]

Alright, so I have a bunch of svg images that I've added to my application as resources. I'm using these images as a icons for several buttons by adding these images to svg viewport within the buttons. These images are multicolored and a part of it contains white color. Now what I want to achieve is during my application's runtime when I change the application theme (which I can handle) I want the white parts of the svg images in the buttons to become black. Is this possible with sharp vectors? If yes, how?

[paulushub]

@swaroopsomanna I have looked into ways to support themes, but gave up! There is no standard way to handle it, so instead I provided several means to implement it.
For your case, is it just all white colors must become black or these are defined with style Id and/or class?

[ms-somanna]

For your case, is it just all white colors must become black or these are defined with style Id and/or class?

No style ID or classes is used. I just want all white colors to become black. That's all.

[paulushub]

@swaroopsomanna Sorry for the late response, please can you provide a sample SVG file for illustration?

[ms-somanna]

@swaroopsomanna Sorry for the late response

That's ok

[ms-somanna]

@swaroopsomanna please can you provide a sample SVG file for illustration?

Now I'm using monochrome icons with blue foreground that works best for both black and white themes. Thanks anyway.

[GF-Huang]

So how to change foreground at runtime???

[paulushub]

The source is SVG, and there is no "foreground" accept as part of a style and fill or stroke.

[GF-Huang]

Just add a foreground property binding to the Path.Fill.

[GF-Huang]

Take a look of MahApps.Metro.IconPacks, it's very easy to use.

They just convert the svg to xaml path.

[paulushub]

I understand most are simply displaying svg icons, but this library was designed for complete support of SVG rendering with scripting.
I was thinking an alternative like SVGImage could fill that gap, but it lacks support for adequate CSS and might not satisfy most needs. I am currently thinking about SharpVectors.Lite that will reside in a single DLL for the WPF users. However, maintaining multiple libraries is a problem I need to resolve!

Just add a foreground property binding to the Path.Fill.

That could be simply to do, will look into it.

[paulushub]

Take a look of MahApps.Metro.IconPacks, it's very easy to use.

For such, SVGImage should be enough, I could add the binding to that since I commit to that base.