Setting an IconBadge's colour

Setting an IconBadge's colour

  

How can I set the colour of the icon in an IconBadge? According to this there should be a property you can set but there isn't. Setting the text colour of the enclosing container, like you'd do for icons, also isn't working.

Try something like this:

SyntaxEditor Code Snippet

.IconBadge {
    color: white;
}

.IconBadge_number {
    background-color: rgba(255, 84, 84, 1);
}

Try something like this:

SyntaxEditor Code Snippet

.IconBadge {
    color: white;
}

.IconBadge_number {
    background-color: rgba(255, 84, 84, 1);
}

That would work if I needed them to all be the same colour but I need some to be one colour and some to be another, depending on the data they are displaying. I should have made that clear, sorry.

Solution

Tray placing a container with a class and then try something like:


SyntaxEditor Code Snippet

.task1 .IconBadge {
    color: white;
}

.task1 .IconBadge_number {
    background-color: blue;
}

.task2 .IconBadge {
    color: silver;
}

.task2 .IconBadge_number {
    background-color: yellow;
}
Solution
Solution

Tray placing a container with a class and then try something like:


SyntaxEditor Code Snippet

.task1 .IconBadge {
    color: white;
}

.task1 .IconBadge_number {
    background-color: blue;
}

.task2 .IconBadge {
    color: silver;
}

.task2 .IconBadge_number {
    background-color: yellow;
}
Solution

Thank you, that works perfectly.