How To Change the Text Color in Discord

One thing that Discord doesn’t support particularly well is a vibrant and colorful text chat experience. There’s text chat, but there are no built-in color commands and, at first glance, no way to do anything “fancy” with your text. Plain text can get very annoying very quickly – but in fact, there are ways to change your text color.

TechJunkie's Fast Answer
Add the recommended code in the CSS box.
Read the article for more information

In this article, I’m going to show you how to get bold colors in your Discord text chats.

How it Works

The key to this method of adding color to text lies in the fact that Discord uses Javascript to build its interfaces, along with a theme known as Solarized Dark and a library called highlight.js. That is, when you are logged in to your Discord server, the page you see is being rendered by a series of rather sophisticated Javascript programs, including highlight.js.

Although the native Discord user interface provides no support for colorizing your text, the underlying Javascript engine, running the highlight.js script, does. By inserting what amounts to snippets of code into your text chat, you can change the color of the words printed out in everyone’s text chat window.

The basic concept to understand is that in order to change the color of a given piece of text, you need to encapsulate that text in a code block. This is a three-line block of text with your text as the middle block.

Using the “Back Quote” Symbol

To color code any text in Discord you’ll need to use the backquote symbol located in the upper left-hand corner of your keyboard. It accompanies the Tilde symbol:

Write the first line of code

The first line of the code block should be three ” ` ” backquote symbols (”’), followed by the code phrase that tells the Solarized Dark theme what color to display. It should look like this:

Note: “CSS” may change to something like “Tex” or another phrase depending on the output you desire. We’ll cover that below.

Type the second line

The second line needs to be your text typed out as you normally would. Hold “Shift+Enter” to create a new line. Clicking the “Enter” button alone will send the message so you’ll have to hold “Shift with it.

Type your third line

The third line of the code block should be three more backquotes: (“`). This rarely changes regardless of what outcome you’re expecting and it should look like this:

Because we used “`CSS your text should appear like this:

Inputting Your Text

There are two basic ways to enter text this way. The first way is to have a text file on your computer with the various codes for the different text colors that you can access in this fashion, and cut and paste the segments you want to use.

Another way is to directly enter the code block into the Discord chat engine line by line. Type one line, then hit “shift-Enter” to create another line without actually sending the message to Discord. Type the second line, and hit shift-Enter again. Then type the third line and hit Enter, and the entire block will be sent at once and will display your text.

There are some limitations to this method. One, you have to do it for every line of text you want to colorize – you can’t just turn color on or off. Two, your text will appear in a box in the Discord server.

Your Color Options

The highlight.js codes give access to seven new colors in addition to the default grey. Once you get these down, the markdown codes begin to make a lot of sense, don’t be afraid to play around and try to find new ones.

Here are the codes, and samples of their appearance.

Plain grey (but in a box)

`Sample Text`

Green (sort of)

“`CSS

Sample text

“`

Cyan

“`yaml

Sample text

“`

Yellow

“`HTTP

Sample text

“`

Orange

“`ARM

Sample text

“`
(Note that here’s an example of the behavior being flaky – only the first word colorized, and I wasn’t able to get it to colorize the whole line.)

Red

“`excel

Sample text

“`

(Another flaky one.)

Yellowish?

“`Elm

Sample text

“`

(Not only would this one not color the whole line, though I was able to do it previously, it also did the wrong color. Sigh. Well, this is flaky stuff.)

Advanced Techniques

There are some other ways to get your text to display in colors using the same basic technique but in a more advanced way. The reason all of this works (sort of) is that these formats are intended for displaying code blocks when a developer is writing a program.

The first text after the “` tells highlight.js which scripting language it should be formatting, and there are actually some explicit ways to cast colors directly in a line.

Here are some of the languages you can use, and the ways to force color. Experiment with them and you’ll soon find yourself writing colorful text messages all the time.

You can even use various brackets to achieve the looks you want. Disappointed by your blue options? Try this:

Then there’s this nifty trick for color-coding texts:

Lastly, you can also use “`tex to create some pretty colorful messages. Try different symbols to make your text appear different:

For more information on this, check out Highlight.js.org or join the Discord server Discord Highlight.js.

Other Things to Try:

We noticed that the above inputs don’t work for all users.

If the CSS doesn’t work, try:

“`CSS
sample text“`

This seems to correct most of the problems in CSS. If you’re using the Discord Desktop App, or if you’re using the web browser may affect how you’ll need to type the markdown codes. Once you’ve typed the perfect markdown that works for you, feel free to copy and paste it on your desktop for quick access later on.

Discord Bots

There are a lot of Discord Bots available that offer to change certain colors on your server. Many of these update the colors of certain roles but not text. Based on our research, there aren’t any bots that will make changing the color of your text easier.

For even more advanced users, Discord also allows you to add embeds and webhooks as messages. These can be used to display colored blocks and also support markdown text. You can see just how this feature works by heading over to Discord Webhook.

Other Text Customization Options

There are more options for you to play around with your text on Discord.

Bold – **This is Bold**

Italics – *This is Italicized*

Bold & Italicized – *** This is Bold and Italicized*** (Kind makes sense doesn’t it?)

Underlined – _This makes Underlined text_

Strikethrough- ~~This is strike through text~~

The more you get to know Discord, the more there is to learn. Play around with these options and you’ll soon realize you can do more like __*** underlined bold, and italicized***__ text. Once you’ve become an expert you may want to show others how to make these customizations. If that’s the case just put a backslash in between the content like *\Italicized*.

6 thoughts on “How To Change the Text Color in Discord”

Avatar Bakaa says:
“`fix
your text here
“`

This gets everything in yellow.

Avatar tater tot says:
that works! thank you :O
Avatar JamesRussell says:
You can use “diff” with a hyphen at the beginning of your text to get the entire sentence red, and also the “md” with the hashtag before the text will give you the entire sentence blue
Avatar e says:
just do this
“`CSS
sample text“`
Avatar Tim says:
This doesn’t work anymore for me. However, I found a method that did:

Instead of starting each string with “` …that is, a quotation mark (“), followed by a grave accent (`), instead use 3 grave accents, at the beginning and end, (“`), as per below:

“`ARM
YourWordsHere
“`

Avatar tim says:
imposter
Avatar Nj says:
Doesn’t work. Tried ee copying the examples.
Avatar LilCookie says:
They explained there needed to be three ”’ But for reasons they wrote “‘
Avatar Jackie says:
Hi! Just to note, “`arm“` produces red for ‘sample’ (and, e.g., ‘text’, ‘number’) probably because they’re reserved words, but only at the beginning of a line. If you begin a line with a non-keyword (e.g. ‘spaniard’), it’s green. Numbers appear in blue and ‘and’ appears in green. If you have anything else appearing anywhere else (e.g. ‘text’ as the second word), it’s grey.

Excel is a similar case; ‘text’ is a reserved word, like ‘sum’, ‘if’, ‘max’, etc.

Elm highlights the first word in blue, but only if its first letter is lowercase; any word starting with an uppercase letter is yellow, with priority over the blue coloration.

Leave a Reply

Your email address will not be published. Required fields are marked *


Disclaimer: Some pages on this site may include an affiliate link. This does not effect our editorial in any way.