You can use the color-scheme variables in CSS to make the flair work with any color scheme. Try something like this:
.avatar-flair-verified {
background: $primary !important;
i {
color: $secondary !important;
}
}
Where verified
in .avatar-flair-verified
is the name of the group you’re targeting.
I used !important
because you’re overriding inline styles. The result is something like this:
You can read more theme variables here: