Changing group flair to match current theme

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:

How to use Discourse core variables in your theme

4 Likes