BetterDiscordStuff icon indicating copy to clipboard operation
BetterDiscordStuff copied to clipboard

[PronounDB] Suggestions: user list badge, chat badge coloring

Open Tofuraven opened this issue 3 years ago • 2 comments

  • option for showing the badge in the user list (e.g. before the user name, so it works for longer names as well)
  • different colors for the badge shown in the chat (black text might not work well with custom themes, the most universal solution would probably be to allow entering a custom color in the settings)

Tofuraven avatar Dec 29 '21 11:12 Tofuraven

I'd also like to see a theme friendly manner to change the display color. Making an exposed --pronouns-color: for use would be great. (Potentially also a --pronouns-size: for adjustment for legibility would be good as well)

Addendum: (Line 4833) For legibility, I'd also recommend "•"), pronoun, " "); because otherwise the pronoun on the timestamp (which on current discord this date of posting) applies to after the Username and causes it to run-on into any messages after the username.

If the space after the "•" is necessary, then "• "), pronoun, " "); would accomplish this.

Zacam avatar Jan 11 '22 07:01 Zacam

As of 1.2.1 (thank you, it's back to showing!) I decided to make a Theme file, but I'm hesitant to try and submit it to the BD Themes for usability there.

Strencher, if you wanted to put forth a Plugin Theme that users could use: https://github.com/Zacam/BetterDiscord/tree/main/PronounDB-Theme feel free to use any/all/none (it's your plugin, after all!)

For anybody else; you can add a new .css or edit an existing Theme .css to add (outside of/after the :root closing brace }: .PronounDB-pronouns-text { (yourCodeHere) }

Mine turns it into a Rainbow Text Gradient:

.PronounDB-pronouns-text {
    /* This is the plugin default font size */
    font-size:.75rem;
    /* Establishes Gradient, use of HEX color code is mandatory */
    background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722) !important;
    /* Clip the color to text only */
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

Alternatively you can just use color: #HEX !important; for a single color change

Zacam avatar Mar 02 '22 23:03 Zacam