Colored box for group name

[thecellmc]

Hi,
I’ve seen that multiple forums out there seem to have customised discourse to add a blue box around the group name for staff members. Do you know how this could be done?

Here are a few examples:

[cjk77 (Chris Klugewicz)]

This thread should be helpful – look at the CSS in the last post of the thread to see the technique used:

Background SVG distinguished posts

Hello, Just saying beforehand that I am not good in CSS at all. Blizzard uses discourse for their forums and every employee can distinguish their post with the blizzard logo in the background. I tried to replicate it with CSS but I am not good at that at all. [image] Now I see that Blizzard uses SVGs for that little background logo [image] My approach is awful and since I have my logos in SVGs I prefer it that way, how is it possible? .moderator .regular>.cooked { background-image: u…

Specifically this bit

// This is the user title color
    .group-Employee>article>.row>.topic-body>.topic-meta-data>.names>.user-title {
    background-color: #4c3319;
}

[thecellmc]

Thanks for your help.
With this config I’m able to get it looking like this.

.group-Staff>article>.row>.topic-body>.topic-meta-data>.names>.user-title {
  background-color: #66d0fa;
  border-radius: 10%;
  color: #fff;
}

Any idea how I could change the text colour to white?