Differentiate Admin and Moderator Shield Icons

UX
31

didn’t see it anywhere in this topic but i use CSS on my forum to make different colored shields for mods and admins for posts (if admins are members of moderator groups). in my case, mods get gold shields and admins get grey. but one can use any color in those color properties of course.

common css

// * change shield color in posts differentiating admin and mod users* //

span.username {
  &.moderator .d-icon.d-icon-shield-alt {
    color: #d5b907;
  }
  &.admin .d-icon.d-icon-shield-alt {
    color: #969696;
  }
}

i haven’t bothered to do it for user cards or profiles but i suppose i could figure it out.

you can also change the color of the moderator and admin usernames in posts to distinguish them further:

// *change color of usernames differentiating admins and mods* //

span.username {
  &.moderator a {
    color: #d5b907;
  }
  &.admin a {
    color: #969696;
  }
}
4 Likes