User group user name CSS to support LESS & user group attribute in username links (like tags)

[frm]

Currently, you can only apply username CSS in user groups, which is unappealing when we have style variants now. It should support LESS to easily go from one to the other:

With:

    .m-colorScheme(light,
        {
            color: green;
        }
    );
    .m-colorScheme(dark,
        {
            color: #00ff33;
        }
    );

However, username CSS (and hopefully LESS) also doesn't apply to usernames in posts, such as tagged names like @frm.



If the username CSS/LESS implementation can't apply to tags, username output hyperlinks (as seen in the above frm tag example) should have some kind of data attribute for user group so that it doesn't need to be implemented user by user:

From:

<a href="https://xenforo.com/community/members/187211/" class="username" data-xf-init="member-tooltip" data-user-id="187211" data-username="@frm" id="js-XFUniqueId8" data-xf-pointer-type="mouse">@frm</a>

To something like:

<a href="https://xenforo.com/community/members/187211/" class="username" data-xf-init="member-tooltip" data-user-id="187211" data-user-group="2" data-username="@frm" id="js-XFUniqueId8" data-xf-pointer-type="mouse">@frm</a>

So we can apply the color to the entire group as opposed to id by id:

[data-user-group="2"] {

Instead of user by user:

[data-user-id="2"], [data-user-id="1"] {

 

[frm]

So we can apply the color to the entire group as opposed to id by id:

I just realized that this wouldn't work as a user can be in more than 1 group other than the primary, which may need the coloring.