XF 2.3 Colored Username everywhere

[Devilwillcry4you]

I have looked and seen some that are deleted or no longer available. I remember one that you used to have edit a bunch of templates but can't seem to find that anywhere.

 

[frm]

It's because it was moved to User groups' (admin.php?user-groups/ Username CSS.

color: green;

Will get you:



Unfortunately, it doesn't apply to tags. But, that can also be a good thing with styles varying in colors, and even style variants. Though, if tags came with a class other than username (such as usergroup or another identifier), it'd be easy to implement. It still might be, but I couldn't figure it out.

 

[Devilwillcry4you]

I was able to get that thank you, I was also looking to change the color on main index as well.

 

[frm]

I was able to get that thank you, I was also looking to change the color on main index as well.

I played around with it more... You would have to do it user by user.

Easy edit of extra.less

[data-user-id="2"], [data-user-id="1"] {
    color: green;
}

Will change users 1 and 2 to green.



But, that doesn't account for style variations.



A little more advanced LESS... To get it to change between the seen dark version and light version to this:

[data-user-id="2"], [data-user-id="1"] {
    .m-colorScheme(light,
        {
            color: green;
        }
    );
    .m-colorScheme(dark,
        {
            color: #00ff33;
        }
    );
}

But, you still have this problem on dark (as you're limited to CSS and not LESS in User groups):


So you'll need to know the class that user group made (inspect). In this case, it's username--style3 where 3 represents the user group (3 = Administrative)

And do this:

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

For this:

 

[Devilwillcry4you]

Thank you I'm going to give it go later on today. I appreciate you taking the time out.

 

[Sebastiaan]

This might what you are looking for

[Liam W] (RIP) Global Name Styling

Oct 19, 2017

Apply user group member name styles, everywhere.

• Painbaker
• Add-ons [2.x]

 

[frm]

Thank you I'm going to give it go later on today. I appreciate you taking the time out.

I tried to break it down as easy as possible. Let me know via PM if you're having any difficulties and I can see if I can sort them out.

 

[frm]

This might what you are looking for

[Liam W] (RIP) Global Name Styling

Oct 19, 2017

Apply user group member name styles, everywhere.

• Painbaker
• Add-ons [2.x]

2.2 so wouldn't account for style variations (light/dark mode) as seen above (possibly), but something to try.

I don't like relying on add ons as it's harder to maintain functionality when can be as simple as a style edit. What happens when 2.4 comes out? The style will likely work, whereas the add on might have breaking functionality, especially if you do a PHP update or something. That said, it is MIT, so someone could update it and repost it for it to function with 2.3 style variations, if it doesn't already.