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. This article shows you how to get bold colors in your Discord text chats to make them more exciting and eye-catching for you and your friends alike!

How Discord Text Colorization Works

The key to colorizing text in Discord lies in the fact that Javascript gets used to build the interfaces, along with a theme known as Solarized Dark and a library called highlight.js. When you log in to your Discord server, the page you see gets 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 to change the color of a given piece of text, you need to encapsulate that text in a block of code. This procedure 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 your desired output. We’ll cover that below.

Type the second line

The second line needs to be your text typed out as you usually would. Hold “Shift+Enter” to create a new line. Clicking the “Enter” button alone sends the message.

Type your third line

The third line of the code block should be three more backquotes: (“`). This line 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. The first way is to have a text file on your computer with the various codes for the different text colors you can access in this fashion and cut and paste the segments you want to use.

Another way is to enter the code block directly into the Discord chat engine, line by line. Type one line, then hit “Shift+Enter” to create another line without sending the message to Discord. Type the second line, and hit “Shift+Enter” again. Then type the third line and hit “Enter” to send it to Discord.

There are some limitations to this method. First, you have to do it for every line of text you want to colorize—you can’t just turn color on or off. Second, your text appears in a box on 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

“`

Note: As of December 2021, CSS is only encasing the text in a grey box. But, we’ll leave it here because it generally works very well. Fortunately, another way to make green text is using the diff method. It looks like this:

“`diff

+Sample text

“`

Adding ‘+’ before your text changes the color to green.

You can also use this one:

“`json

“Sample text”

“`

Remember, json won’t work without the quotation marks.

Cyan

“`yaml

Sample text

“`

Yellow

“`HTTP

Sample text

“`

Orange

“`ARM

Sample text

“`
(Note that here’s an example of the flaky behavior—only the first word colorized, not the whole line).

Red

“`excel

Sample text

“`

(Another flaky one).

Yellowish?

There are a couple of ways to get Yellow text. The first is pretty reliable, while the second method highlights only some words.

“`Fix

Sample Text

“`

“`Elm

Sample text

“`

Notice that the elm command only highlights words that begin with capital letters.

Blue

“`ini

[Sample Text]

“`

Another way to get blue text is using the CSS method with dashes. It should look like this:

“`css

.Sample-text-goes-here

Be sure to put the period before the text as shown above.

Advanced Techniques

There are other ways to get colored text using the same basic technique, but they are more advanced. All of this works (sort of) because these formats get used to display code blocks when a developer writes a program.

The first text after the “` tells highlight.js which scripting language it should be formatting, and there are some straightforward 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 look different:

For more information, 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 technique seems to correct most of the problems in CSS. If you’re using the Discord Desktop App or the web browser, this fix may affect how you’ll need to type the markdown codes. Once you’ve created 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 specific colors on your server—many of these update the colors of roles but not text. Based on our research, there aren’t any bots that will make changing the color of your text simpler.

For even more advanced users, Discord also allows you to add embeds and webhooks as messages. These get 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 between the content like *Italicized*.

Frequently Asked Questions

This section includes more answers to your frequently asked questions.

What can I do if some of these aren’t working?

Based on our tests in December of 2021, we saw more success using the above-listed markdowns on the Discord desktop app than the web client. If you’re having trouble with these codes, try the app instead. As we mentioned above, some of these methods work better than others, regardless of which Discord version you use. Overall, they are pretty reliable.

Is there a bot for Discord that can color text?

Absolutely! A simple online search will pull up quite a few bots that can change the color of your text in Discord. Perform a broad search and review the ones that best fit your needs. Check the reviews and the capabilities of each bot and add them to your server.

These aren’t working for me. What else can I do?

The more common reason the examples above aren’t working for our readers is that Discord only recognizes the backtick, not quotation marks. In the upper left-hand corner of your keyboard, you will see the backtick key with the tilde option above it. Use that key instead of the quotation marks.

26 thoughts on “How to Change the Text Color in Discord”

LarrytheTurtle23 says:
Excel isn’t flakey, it only colors specific words.
I can’t really identify what it does. It colors the word “text”, a few letters and a few operators.
LarrytheTurtle23 says:
It also colors numbers in cyan like most other codes btw
HATAR_112 says:
guys u wanna know it how it works… just start with “` and end with “` example :

“`re
do a number like 1 2 3
“`

HATAR_112 says:
guys u wanna know it how it works… just start with “` and end with “` example :

“`re
do a number like 1 2 3
“`

Czdam says:
Doesn’t work. pls helpppp
dgfhadg says:
dont put the “` put “` before and after
Czdam says:
Doesn’t work. Tried ee copying the examples.
Luc Gust says:
It doesent work cuz the website turns the three ` into “ .
Kinou says:
Elm isn’t spotty! it highlights parts of the code! anything with capitalization is yellow likely for var names, let and if and any other operator is green, and every first word of a line is blue if lowercased!
Mister Wilk says:
The red markdown dont work for me
I used excel code and diff
noob_pixels says:
I am having problems with the orange text in md. Please help
shiber#6285 says:
“`ARM

Sample text

“`

noob_pixels says:
I can’t understand how the cyan and orange text in md works. please help
Bakaa says:
“`fix
your text here
“`

This gets everything in yellow.

tater tot says:
that works! thank you :O
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
e says:
just do this
“`CSS
sample text“`
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
“`

tim says:
imposter
Nj says:
Doesn’t work. Tried ee copying the examples.
LilCookie says:
They explained there needed to be three ”’ But for reasons they wrote “‘
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.

Todays Highlights
How to See Google Search History
how to download photos from google photos