Changing the color/text of my forum's embed (on discord)

Product Support

AI-generated summary

Nerd_Alert is seeking a way to change the color and text of their forum’s embed on Discord. awesomerobot explains that Discord doesn’t support different text colors, and embeds pull descriptions from the community’s site description setting.

Canapin reveals that the color can be set with a <meta name="theme-color" content="#a97189"> tag, which corresponds to the header background color from the default color scheme. However, they note that changing the text is not possible beyond the site description setting.

Nerd_Alert asks if a theme component can override both, and Canapin provides a workaround. They suggest adding custom tags to the HTML head to override the color and description, although this will result in duplicated tags. A better solution would involve replacing the values instead of duplicating tags, but this is not currently known.

1

Is there anyway to change the color of my embed, or change the text of it?

2

I don’t think Discord supports different text colors… to be clear, by embed do you mean when you post a link to your community… like this?

Screen Shot 2022-02-01 at 8.34.55 PM
Screen Shot 2022-02-01 at 8.34.55 PM551Ă—161 13.4 KB

The description there is pulled from your community’s site description site setting

3

I’m talking about the color on the side, also yes I do mean embed like that. Is there any way to change it other than the site description setting?

4

About the color, it’s set by this tag:

<meta name="theme-color" content="#a97189">

Which seems to be the header background color from your default color scheme:

image

image
image282Ă—180 12.4 KB

As for the text, I don’t think there’s a way to have a different one than the site_description setting.

5

is there any way to override both of them through a theme component? also thanks for the info!

6

Quick and dirty.
Admin → Customize → Themes → Edit CSS/HTML → Common tab → Head tab:
Set additional tags:

<meta name="theme-color" content="#ff0000">
<meta property="og:description" content="Whatever you want">

The tags will be duplicated in the HTML code, but what you want to achieve will work.

Here’s an example where I replaced a black line with a red one and set “Texte arbitraire” in the og:description tag:

image
image631Ă—252 5.35 KB

A better solution would be to actually replace the value instead of duplicating tag, but I don’t know how to do that.

7

thanks! i didn’t even know this was something you could do.