- Tech Junkie - https://www.techjunkie.com -

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)


Sample text





Sample text





Sample text





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.)



Sample text



(Another flaky one.)



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 [26] or join the Discord server Discord Highlight.js [27].

Other Things to Try:

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

If the CSS doesn’t work, try:

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 [28].

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*.