#Missing @ before Username? Mention where to find it here...

1 messages · Page 1 of 1 (latest)

warm shell
#

Missing @ before Username? Mention where to find it here...

radiant basalt
#

looks interesting..

blazing cape
#

this is actually so much better

#

why did discord not go through with it

long ice
#

this should be default. looks so much better

radiant basalt
#

This one better for me i mean the color but nice the @ is good so far :

/* Add "@" before Usernames */
/* User Area */
[aria-label="User area"] [class^=nameTag_] [class^=hovered_]::before,
/* Switch Accounts */
[class^=submenu_] [class^=userMenuUsername] [class^=defaultColor_]::before,
[class^=accountCard_] [class^=userDetails_] [class^=username_]::before,
/* Profiles - Credits to Skye */
:where([class^=userPopoutInner_], [class^=fullSizeOuter_], [class^=userPanelInner_]) [class^=userTagUsername_]::before,
/* Mod View */
[class^=guildSidebar_] [class^=memberNameContainer_] [class="text-md/medium_dc00ef"]::before,
[class^=userProfileModalOuter_] [class^=memberNameContainer_] [class="text-md/medium_dc00ef"]::before,
/* Members List */
[class^=roundedRow_] [class="text-xs/normal_dc00ef"]::before,
/* Roles/Add Member */
[class^=addMemberRow_] [class*=rowLabelSubText_]::before,
/* Roles/Members */
[class^=memberRow_] [class*=userTag_]::before,
/* Emoji */
[class^=emojiRow_] [class^=colorStandard_]::before,
/* Stickers */
[class^=tiers_] [class^=user_] [class="text-xs/normal_dc00ef"]::before,
/* Soundboard */
[class^=soundTable_] [class^=uploader_] [class^=defaultColor_]::before,
/* Audit Log */
[class^=auditLog_] [class^=title_] [class^=defaultColor_]::before,
/* Ban List */
[class^=bannedUser_] [class^=username_]::before,
/* Friends list */
[class^=peopleListItem_] [class^=infoSpacing_]::before,
/* Settings/My Account */
[class^=accountProfileCard_] [class^=field_]:nth-last-child(3) [class^=usernameInnerRow_]::before {
    color: #d0d1d2;
    content: "@";
}
warm shell
#

i like the color as muted because it makes the username stand out more and not the @

#

if anyone knows any ui's anywhere in discord that has the username but no @ tell me where to find it, i got time to update the GitHub.

frigid finch
warm shell
#

changed the full size profile class which should support old and newer profiles.

odd vessel
#

Can you make it so we can customize the @ color? tbh i dont like the greyish @

tiny socket
radiant basalt
# odd vessel Can you make it so we can customize the @ color? tbh i dont like the greyish @

/* Add "@" before Usernames Using custom color */
/* User Area */
[aria-label="User area"] [class^=nameTag_] [class^=hovered_]::before,
/* Switch Accounts */
[class^=submenu_] [class^=userMenuUsername] [class^=defaultColor_]::before,
[class^=accountCard_] [class^=userDetails_] [class^=username_]::before,
/* Profiles - Credits to Skye */
:where([class^=userPopoutInner_], [class^=userProfileModalInner_], [class^=userPanelInner_]) :where([class^=userTagUsername_], [class^=username_])::before,
/* Mod View */
[class^=guildSidebar_] [class^=memberNameContainer_] [class="text-md/medium_dc00ef"]::before,
[class^=userProfileModalOuter_] [class^=memberNameContainer_] [class="text-md/medium_dc00ef"]::before,
/* Members List */
[class^=roundedRow_] [class="text-xs/normal_dc00ef"]::before,
/* Roles/Add Member */
[class^=addMemberRow_] [class*=rowLabelSubText_]::before,
/* Roles/Members */
[class^=memberRow_] [class*=userTag_]::before,
/* Emoji */
[class^=emojiRow_] [class^=colorStandard_]::before,
/* Stickers */
[class^=tiers_] [class^=user_] [class="text-xs/normal_dc00ef"]::before,
/* Soundboard */
[class^=soundTable_] [class^=uploader_] [class^=defaultColor_]::before,
/* Audit Log */
[class^=auditLog_] [class^=title_] [class^=defaultColor_]::before,
/* Ban List */
[class^=bannedUser_] [class^=username_]::before,
/* Friends list */
[class^=peopleListItem_] [class^=infoSpacing_]::before,
/* Settings/My Account */
[class^=accountProfileCard_] [class^=field_]:nth-last-child(3) [class^=usernameInnerRow_]::before {
    color: #ff0000; /* Replace with your desired hex color code */
    content: "@";
}```
tiny socket
#

@warm shell why [aria-label="User area"] instead of [class^=container_]

warm shell
#

in short aria label is more specific and intuitive then using a wildcard which can affect other classes if not as specific.

tiny socket
#

and the container must have nameTag_ ... so if there is a container that does not have a nameTag_, then it will not work :p

warm shell
#

Are you saying aria-label doesn’t work on other languages or doesn’t exist etc?

tiny socket
warm shell
#

@tiny socket published it, should take a few minutes!

tiny socket
#

i have it already

#

i "improve" it a little bit

tiny socket
#

idk, i'm not so good at css and can't find any other way to do it (the end of the file)

for changing the "@" color

:root {
  --at-color: red;
}

so.. don't blame me 🥲

warm shell
#

the thing about this is that people already have the import url, if i updated the snippet to include the root part with the color var wouldn't that break the previous snippet?

#

they would need to copy the root part if i added it.

tiny socket
#

no.. if a :root is inside a .css they don't have to add manually the :root part because its a default value, they can add it if they want to change the color

#

you can test it before 🤷‍♂️

cosmic cape
#

And then like one twitter user complained about it so they removed it

#

A twitter user who has lived with an @ in their username for years already

tiny socket
#

husk discord

odd vessel
#

for anyone else wondering

warm shell
#

by the way if you're using the ShowMeYourName Plugin, here's a snippet to add an @ before the username!

.vc-smyn-suffix::before {
  content: "(@";
}```
⚠️ this will only look good if the option is set to 'Nickname then Username' only!
brave dawn
#

@warm shell theres a silly issue when it comes to bots in audit log

warm shell
#

you should be able to refresh discord and it will apply the fix now

warm shell
#

discord is working on a desktop refresh (looks ugly) so if anything breaks or you notice new elements without the @ before the username please mention it here.

warm shell
#

fixed an issue where it would add multiple @ symbols in mod view audit log.

#

it was related to the bot profiles support which now it will check for one class instead of two now.

warm shell
#

just added support for create dm / add friends to dm popout.

warm shell
#

support for quick switcher and server search results have been added.

warm shell
#

?remind 10h add support for auto complete

drowsy gulchBOT
#

Alright @warm shell, in 10 hours: add support for auto complete

warm shell
#

finished

tiny socket
#

a bot should not have a @ because they not use the new username system

warm shell
#

half of these would require a plugin to ensure it isn't added to bots.

#

im just leaving it as that incase bots have a unique username system in the future.

tiny socket
#

hm.. i see

odd vessel
#

I heard discord is already in the progress for that

tiny socket
#

thats kinda sad :p

odd vessel
#

Discrimination tags are ugly

tiny socket
#

:p if you say so

blazing cape
#

wont that break a lot of current bots?

odd vessel
#

from what i heard

#

the bot's username will be different then on a user's username

#

so if a user takes shiggy

#

a bot can still have the username shiggy

blazing cape
#

Wtf

brave dawn
#

imo discrim tags should stay for bots as you should be able to name your bot whatever you'd like

#

theres no option for display name at all

tiny socket
#

true

odd vessel
#

Discriminators looks so ugly I'm ngl

warm shell
#

if anyone can spot any areas where there's no @ before the username please say it here.

#

keep in mind that some of these are impossible without a plugin.

warm shell
#

Username Symbols Update:

  • fixed it not showing the @ in the auto complete fields when you try to mention someone or perform a slash command on them etc.
  • removed the @ symbols from bots in some aspects around discord while also adding comments to classes that indicate it is impossible to remove the @ from bots in the github.
#

(Where the bot @ symbol remains - would require a Plugin to remove)

  • Mod View
  • Quick Switcher / Search Results
  • Members list (the one in server settings or in channels list, not normal one)
  • Audit Log
  • Start of DM's
warm shell
blazing cape
#

am i tripping or is the image not loading

warm shell
warm shell
#

added support for report user profile

warm shell
#

suprised i missed this part but they should also now show up in the start of dms with users, this doesn't ignore bots since the discriminator is in the same text as the username.

warm shell
#

fixed the @ not showing in the popouts, discord removed the previous class for it.

#

heres the couple of updates made these past few weeks:

  • added support for polls
  • added support for application interaction info which shows who made the interaction with the bot
  • added support to filter by user in audit log
  • added support for ReviewDB Plugin
  • fixed it not working correctly in the message box auto complete
warm shell
#

just fixed it not showing on the profiles

#

if anyone can chip on and add support for the forward to frame, feel free! i'll add you to the credits.

warm shell
#

^ finished

warm shell
#

been a while, fixed message box auto complete, forward to, report user profile and added support to the content & socials which contains ignored and blocked users.

warm shell
#

fixed it not showing the symbol in the mod view.