Group Avatar Halos

:information_source: Summary Adds avatar halos around user avatars as specified by their primary group or Trust level
:eyeglasses: Preview Preview with Theme Creator
:hammer_and_wrench: Repository https://github.com/Lillinator/group-avatar-halos
:question: Install Guide How to install a theme or theme component

Install this theme component

:woman_technologist: Overview

A Discourse theme component that adds a coloured halo around user avatars according to their primary groups or trust levels. The halo will appear around the user’s avatar in all posts in topics, pms, their user card and profile. The halos do not appear in topic lists, user directory or profile post list pages.

There are object settings to allow admins to specify the group or trust level, halo color, halo size and halo transparency. Note that the group must be the user’s primary group.


:gear: Settings:

Property Description
Group Primary group or Trust Level to show the user avatar halo
Halo Color Color of the topic author halo, can use Discourse color vars (best for dark/light mode compatibility, e.g.: var(--tertiary)), hex color codes, or html color names
Halo Size Size of halo (small, medium or large)
Halo Transparency Halo transparency (0.25 = 25%, 0.5 = 50%, 0.75 = 75%, 1.0 = 100%)

If you are mixing halos for staff, primary groups and Trust levels, then the group hierarchy of halos is as follows: Moderator > Admin > Primary Groups > Trust Level. Thus if a user is an admin, moderator, and member of primary group and trust level and all those groups have halos set, the moderator halo will be the one that displays.


:camera_flash: Screenshots:

In the following screenshot, users HelloKitty, Catra and Lilly are all members of primary group Pink, but Lilly and Catra have admin and moderator halos respectively, which override the primary group. Also, HelloKitty and MsMarvel are both Trust Level 2, but HelloKitty’s primary group halo overrides the Trust Level halo.

Topic View:

User Card:

:light_bulb: Note that to avoid confusion, this component should not be used with Topic Author Avatar Halos.


Check out my other Discourse stuff
2 Likes