Question SVG color change with CSS

Ok, so, if we select Font Awesome, or we select SVG and pick any of the SVG that come with Kunena, we get the SVG color change with CSS effect when there is a new post i.e. the colour of the SVG changes using css.

But, if you download a Font Awesome icon (so we know this has the ability to change colour with CSS), switch the site to use SVG (not Font Awesome) then upload the Font Awesome SVG, then colour change doesn't work. So, I'm assuming that every SVG must have some code somewhere to tell it to change? Where abouts is that code located, so we can manually add it for any uploaded SVG?

Where do you want to place that svg code?

If you want to use your own SVG symbols, you have to edit it with an image editor like Inkscape. There is an option "Do not set colour, so that it can be inherited".
.
 

That's interesting, and so if we do that, they will work with no extra changes to the Kunena code? If that's the case, why wouldn't a Font Awesome icon work? They are obviously already set to be able to change colour?

That's interesting, and so if we do that, they will work with no extra changes to the Kunena code?

You need additional this code in the custom.scss:

If that's the case, why wouldn't a Font Awesome icon work? They are obviously already set to be able to change colour?

Yes, it works with all Fontavesome available on your website. And with Fontawesome you can change the colors in the backend by click on Aurelia -> tab Colors.

Ok, I added that code. Then I changed the font setting from Font Awesome to SVG. Then, I uploaded a Font Awesome icon (because we know that can colour change) as one of my own SVGs. I set it to be the icon for a category. The colour doesn't change.

Here's another strange way you seemed to have designed things...
Ok, I've set the icon selection to "SVG".
The default icon is an empty folder. When somone posts a new message, it changes to a full folder. That's great!
However, if I change the icon to one of your stock SVGs, for example "house", then when somoene posts, nothing changes.
Why isn't it the case that all the stock SVG icons have a colour change or icon swap for when someone posts?
Would it not be a good idea to let us have the option to do that? Every category should have two choices - icon and icon swap for new posts?

The default icon is an empty folder. When somone posts a new message, it changes to a full folder. That's great!
However, if I change the icon to one of your stock SVGs, for example "house", then when somoene posts, nothing changes.
Why isn't it the case that all the stock SVG icons have a colour change or icon swap for when someone posts?

The other SVGs, such as house, are not actually intended for category images. But you can also use them. But I still have to find out how to switch my own SVGs between read and unread.

Ah, I see Well, when you work it out, it'll be a good addition for the future. Cheers!