How To Change Color Of Text Discord
Table of Contents
- i From humble ancestry on Discord…
- i.i You Tin can Learn Awesome Discord Text Formatting
- i.ii Relieve This Folio as a Reference
- ii Behind the Scenes: Discord's Text Formatting Engine
- 2.ane The Rundown on Markdown
- 2.2 Highlight.js Makes Colour Possible
- 2.3 Remember This Going Forward
- iii How to Format Text in Discord
- three.1 How to Create Discord Bold Text
- 3.2 How to Italicize Text (Create Slanted Discord Italics)
- 3.three How to Create Bold Italic Text in Discord (Bold + Italics)
- 3.4 How to Create Underlined Text in Discord
- iii.five How to Create Discord Strikethrough Text
- 3.6 Formatting on International Keyboard Layouts
- 4 Combining Text Formatting Options Even Further
- 4.1 Underlined and Italicized Text
- four.2 Underlined and Bolded Text
- four.3 Underlined, Italicized, and Bolded Text
- 5 How to 'Escape' Text and Come across All Your Underscores and Asterisks
- v.i That Concludes Basic Formatting
- 6 Discord Spoiler Tag
- 7 Discord Quote/Blockquote Tag
- viii Advanced Text Formatting in Discord: Writing in Color
- 8.i Single Line Code Blocks in Discord
- eight.2 Multiple Line (Multiline) Lawmaking Blocks in Discord
- 8.3 How to Format Colored Text in Discord
- 8.3.i We're Essentially Hacking Syntax Highlighting
- eight.iii.two Hither'due south How Text Coloring in Discord Works
- 8.iii.3 What key are we using for Discord text coloring?
- eight.iii.4 Limitations to this Text Coloring Method
- 8.4 How to Color Text RED in Discord
- eight.4.ane Diff Syntax Highlighting for Crimson (Like shooting fish in a barrel)
- eight.4.2 CSS Syntax Highlighting for Orange (Red-Orangish)
- viii.5 How to Color Text Yellowish in Discord
- 8.5.1 Gear up Syntax Highlighting for Yellow (Easy)
- 8.5.2 Apache Syntax Highlighting for Yellow (Limitation: NO SPACES)
- 8.six How to Colour Text Dark-green in Discord
- 8.half dozen.1 Diff Syntax Highlighting for Light Green (Easy)
- 8.6.ii CSS Syntax Highlighting for Light Green
- 8.6.three Bash Syntax Highlighting for Nighttime Dark-green (Piece of cake)
- 8.6.four JSON Syntax Highlighting for Nighttime Green (Easy)
- 8.seven How to Color Text BLUE in Discord
- 8.7.1 INI Syntax Highlighting for Blue
- viii.7.2 CSS Syntax Highlighting (Limitation: NO SPACES)
- eight.8 Colour Formatting Takeaways
- 9 Discord Font Formatting
- 10 Markdown Text 101: Earthworks Deeper
- 10.one The Markdown Tutorial
- 10.two The Markdown Cheatsheet
- 10.three The Official Discord Markdown Guide
- xi Now It'southward Your Turn
From humble beginnings on Discord…
I was a consummate newbie back and so when I joined my beginning Discord channel.
People were typing in underlines, bolded messages, strikethrough text, italics, and even colors within the Discord chat! "How in the globe practise people type in colors within their Discord bulletin?!", I thought.
I tried to blazon "/bold hello guys!", simply that obviously didn't work. It only fabricated it obvious I had no clue what I was doing. What kind of Discord command(s) were they using to format their text and so nicely?
You lot Can Learn Crawly Discord Text Formatting
If yous're reading this, you've probably been that guy or gal (or you're trying to avoid all the disappointment and get a Discord text formatting wiz!)
Either way, today I'1000 going to prove you how to type out literally every unmarried format the Discord App offers.
You'll larn the basics behind Discord's formatting engine (Markdown & Highlight.js), basic formatting commands (bolding, italicizing, underlining, etc.), and y'all'll learn how to type out text in boxes and lawmaking blocks — in colour!
Relieve This Page as a Reference
Once you have the basics down Discord formatting isn't too bad.
While you're withal learning the commands though, it may exist a good idea to keep this page open for reference (or bookmarked).
Anyways, enough talk — permit's become formatting!
Behind the Scenes: Discord'due south Text Formatting Engine
While we sit there chatting away on Discord day afterwards mean solar day, there's a sleek, lightweight engine working in the background, formatting all of our text.
This "engine" is called Markdown.
The Rundown on Markdown
Originally created in 2004 by John Gruber and Aaron Swartz, Markdown is a markup language designed to exist lightweight and simple to read/write. It'southward completely text-based and uses cleverly placed symbols to format words in bold, italics, underlined, etc.
Although it's been almost commonly used to format readme files, forum discussions, and to plow plain text into rich text in basic text editors, Discord'southward developers saw its potential and brought it into the cadre software.
We're going to dig into Discord Markdown in the next department so you tin can acquire how to properly format all of your messages in any way you'd like.
Highlight.js Makes Colour Possible
Before nosotros dig into markdown I wanted to explain another corking feature the Discord developers added on. It'south a library chosen Highlight.js.
Now, I desire to go far clear that Discord doesn't have true total-text highlighting. You can't say, "I desire this word to be in red, and this ane to exist in blue!". That kind of highlighting doesn't exist.
Whatdoes exist for our text-coloring purposes, though, is a "hacked" version of text highlighting using syntax coloring methods from highlight.js.
Even though we can't directly highlight text, wecan create a Discord lawmaking block, point it towards a specific syntax highlighting profile included in highlight.js, and then use that to our advantage by wrapping our text in the appropriate symbols.
This volition all make much more sense when nosotros go to some juicy examples down below.
Remember This Going Forward
Y'all don't have to remember all those nitty-gritty details. For at present, all you have to know is that Discord uses Markdown for its text formatting, and Highlight.js for lawmaking cake highlighting.
I'll show y'all how to accept reward of these formatting options in the adjacent section.
How to Format Text in Discord
And at present the fun begins. I'grand going to show you lot how to bold, italicize, underline, and strikethrough text equally a starting point.
We'll commencement with the basics, so motion on to creating code blocks for text coloring.
How to Create Discord Assuming Text
To create bolded text in discord, all yous have to practise is commencement and end the bolded text with two asterisks (*).
The asterisk isSHIFT+8 on your keyboard.
If you look at the image below, you'll find that I put 2 asterisks, or stars, in front of and after the text I wanted to be in bold.
Here's what I typed and the effect produced:
Here's an example of **bolded text** 
How to Italicize Text (Create Slanted Discord Italics)
To create italics or Discord italic text, yous accept to type the asterisk once once more, but this timeutilise just i asterisk.
To bold text, nosotros used two asterisks, like this: **bold text**
For italics, we would do the same matter simply with 1 single asterisk: *italicized text*
Once more, the asterisk (star) isSHIFT+viii on your keyboard.
Here's what I typed to go the upshot shown in the image below:
Here'due south an case of *italicized text* 
How to Create Assuming Italic Text in Discord (Bold + Italics)
You might've been able to guess the markdown for Bold + Italics past now…
Instead of but ane or two asterisks, it'southwardiii asterisks.
Here's an example of ***assuming italicized text*** 
How to Create Underlined Text in Discord
To format our text equally underlined, we need ii use two underscores (__)
This is meant to exist a thorough guide, so I'm including the keyboard layout for an underscore beneath (in example you're reading this and take never yet had to type an underscore before!):
I typed this to get the result beneath:
Here's an example of __underlined text__ 
How to Create Discord Strikethrough Text
For strikethrough text, we need to use the tilde (~) key.
Two tildes cross out, or 'strike through', the text yous type.
Here's the keyboard layout (yellow highlighted keys) for typing a tilde. You lot have to strikingSHIFT + ~.
Here's what I typed below:
Here's an example of ~~crossed out~~ text 
Formatting on International Keyboard Layouts
A reader recently pointed out that international keyboard layouts should be considered as well. Here we make the assumption of the asterisk beingness "Shift + 8" and the tilde being "Shift + Backtick (`)", just this isn't always the case.
Here are some boosted keyboard layouts that international users might encounter, and an example of where the asterisk would be on each of these layouts.
German: Shift+[+] (key right of Ü)
Spanish: Shift+[+] (key right of `^ (Spain) or ´¨ (Latin America))
French (France): * (key right of ù%)
French (Belgium): Shift+$ (key right of ^¨)
French (Switzerland): Shift+three
Italian: Shift+[+] (key right of èé)
Swedish: Shift+' (cardinal right of Ä)
If you lot find yourself using ane of these alternative keyboard layouts, experience free to adjust appropriately.
A vast majority of users typically use the standard English keyboard (which is why we accommodated it past default), but we wanted to acknowledge alternative layouts and that all of this tin can exist washed no thing what your layout is.
Combining Text Formatting Options Fifty-fifty Further
We can besides combine the underline into bold, italics, and bold+italics.
Here'due south an example:
Underlined and Italicized Text
__*underlined and italicized text*__ 
Underlined and Bolded Text
__**underlined and bolded text**__ 
Underlined, Italicized, and Bolded Text
__***underlined, italicized, and bolded text***__ 
How to 'Escape' Text and See All Your Underscores and Asterisks
In example yous reallywant to encounter your underscores or asterisks in a bulletin (like in an emoji, for example), you can use the backslash '\' primal to skip markdown formatting and prove the text just like it is.
Take a peek at the example below (observe the backslashes '\' at the beginning of each character).
Theexcessive backslashes are needed here considering I have underscores in my bulletin.
\_\_\*\*\*I want this to be shown in its full celebrity!\*\*\*\_\_\_ 
But notice that thebackslashes at the end actually aren't required if you have them all in the commencement:
If I didn't have underscores, a single backslash '\' would do:
\**starred message with no underscores!** 
That Concludes Bones Formatting
And that's information technology for basic formatting. Information technology's pretty simple stuff, and you lot should have it downwardly after a few messages.
The only keys you lot have to remember are Underscores, Asterisks (Stars), and Backslashes.
Discord Spoiler Tag
If you desire to write a "spoiler" or something everyone in your channel shouldn't see immediately (unless they cull to remove the spoiler block), then yous can utilise the Discord spoiler tag.
You lot can create spoiler text like so:
|| Spoiler Text || All y'all have to do is cover your spoiler with double-bars or double-piping characters.
This will evidence up similar so when blocked:
Then once revealed, your channel will run into this:
Discord Quote/Blockquote Tag
For quoting something, there'due south a uncomplicated "quote/blockquote" tag implemented in Discord.
You can practice this by simply adding the right-carat character '>':
> text here This will wait like so later on typed out in Discord:
You can also quote multiple lines past using the triple right-carat '>>>', or past typing out a line with a single quote '>' and then holding SHIFT+ENTER to create a new line within the same quote block.
Advanced Text Formatting in Discord: Writing in Color
And now we get to the fun part… formatting our discord letters in color!
Once yous start getting some colorful messages out at that place in the channels you frequently visit, y'all'll kickoff getting asked how it's washed.
We're going to cover some nuts (code blocks), and and then jump right into coloring your messages! Allow's go to it!
Single Line Code Blocks in Discord
To create a single line lawmaking block in discord, you need to use the 'tick' or 'backtick' character: `.
Since this key can be a difficult key to observe if you've never had to use it before (up until this point), I included a overnice highlighted keyboard layout diagram beneath:
The 'tick' or 'backtick' graphic symbol should be in theupper left corner of your keyboard right under the escape (ESC) key.
In one case yous're familiar with the 'backtick' key, let's create a single line code cake. All you have to do is put asingle backtick before and subsequently your text.
Hither's what I wrote for the example below:
`This is an example of a single line lawmaking cake` 
Multiple Line (Multiline) Lawmaking Blocks in Discord
Simply like the single-line lawmaking block, multi-line code blocks also apply the backtick ("`) graphic symbol. The but departure is, instead of writing a single backtick (`) you lot have to write three ("`) before and after your text.
The neat thing here is that yous can press enter and infinite your text across multiple lines, all formatted in a single multi-line code block.
Here'due south the markdown for the example below:
```Experimenting with … … Multiple lines… … For my lawmaking blocks!``` 
You'll notice in the image to a higher place that we have all of our text in a code block, but this time information technology's in multiple lines just like we wanted.
How to Format Colored Text in Discord
And now the moment we've all been waiting for… [drumroll] …Colored Text!
I was searching around the web for a expert example of some colored text formatting in Discord, but couldn't find anything clear.
There were some examples, just they were pretty hazy. I couldn't find a unmarried guide thatconspicuously showed you how to format your text if yous wanted it to exist in a certain color.
We're Essentially Hacking Syntax Highlighting
As I mentioned in the intro, what we're going to be doing here is 'hacking' or 'hijacking' syntax highlighting from Highlight.js running in the background in Discord.
Nosotros accept to exercise this considering, every bit of writing this, Discord doesn't accept built-in text highlighting functions.
Every bit a result, we'll accept to practise a little bit of a workaround — but as long every bit it works, it works!
Hither'due south How Text Coloring in Discord Works
Since we'll exist using a workaround based on Highlight.js, here'south how it's going to work.
We will exist creating multiline lawmaking blocks using three backticks andspecifying the syntax highlighting language.
Nosotros can practice this by including the highlighting programming language reference right at the start of the multiline code block.
Just like this, for example. Hither nosotros are specifying 'Apache' equally the syntax highlighting language:
```apache Some text goes here... ``` Nosotros'll be "exploiting" some syntax highlighting and using it to our advantage for coloring some text.
I included most of the colors you'd expect to use below, and tried to show the differences between various language references.
What key are nosotros using for Discord text coloring?
We're using a grapheme called the "backtick", that's found on well-nigh keyboards in the upper left-manus corner right above the "TAB" key.
``` This is the backtick key On macOS and Scandinavian keyboard layouts, the backtick is located on the upper-right corner of the keyboard correct next to the "BACKSPACE" key.
Limitations to this Text Coloring Method
There are (unfortunately) limitations to this method. The most common limitation is, your text has to exist continued in one word in some referenced syntax highlighting languages (not all!).
This ways y'all can't type: This is a sentence.
You'll accept to type: This_is_a_sentence OR Thisisasentence.
Why is this? Well, since we're exploiting syntax highlighting to highlight our Discord messages, we're basically trying to make the multiline code cake think that our message is literal programming code.
Most of the time the colors nosotros want are contained in variables, which by definition, can't contain whatsoever spaces.
1 place this does work well is inlawmaking commentsandstrings. I tried to include lawmaking comments and strings in each of the colors below as frequently as possible (to make it easy to type out).
If you expect closely, you'll notice I did include some variables and mentioned that you can't have spaces if you lot cull to use those formatting methods. Even then, this may still be a perfectly feasible method for single words.
Anyways, that's enough yapping from me — let'due south get coloring!
How to Color Text RED in Discord
Diff Syntax Highlighting for Red (EASY)
Include dashes (-) before the line yous want scarlet-colored text.
```diff - Here'southward some ruby-red colored text! ``` 
CSS Syntax Highlighting for Orange (Reddish-Orange)
Include brackets [ ] effectually the text you want to be highlighted.
```css [RED Colored Text in CSS Highlighting] ``` 
How to Colour Text Yellowish in Discord
Ready Syntax Highlighting for Yellow (Piece of cake)
In Fix, everything y'all blazon is yellow by default! This is a great, piece of cake style to take yellow text.
```fix Everything is yellow in fix -- No affair the line! ``` 
Apache Syntax Highlighting for Yellow (Limitation: NO SPACES)
Include a percent sign and right curly brace, %{, at the showtime of your text, and a left curly brace, }, at the end to highlight your text yellow in Apache syntax.
```apache %{Dark_YELLOW_Colored_Text} ``` 
How to Color Text GREEN in Discord
Unequal Syntax Highlighting for Lite Green (Piece of cake)
Include a plus sign (+) before the line that you lot want turned green.
```diff + Here's some green colored text! ``` 
CSS Syntax Highlighting for Light Green
Include quotation marks " " around the text you want colored Light Green.
```css "Here'southward some nice LIGHT GREEN colored text" ``` 
Fustigate Syntax Highlighting for Dark Green (EASY)
Quotation marks around your text " "
```bash "Here'due south some dainty, dark green text" ``` Annotation:This nighttime light-green color and quotation marks around your text besides work in a bunch of other reference languages, not just "bash". It works with "coffeescript", "cpp", and many more.
JSON Syntax Highlighting for Dark Green (Piece of cake)
Merely like in Bash, quotation marks effectually the text y'all want to color dark green.
```json "Dark-green colored text in JSON" ``` 
How to Color Text BLUE in Discord
INI Syntax Highlighting for Blue
Place brackets [ ] around the text you lot want to exist highlighted blue.
```ini [Hither'south some bluish highlighted text] ``` 
CSS Syntax Highlighting (Limitation: NO SPACES)
Put a single dot (.) in front of the text yous want colored blue, and make sure you don't accept any spaces in the line.
```css .dark_BLUE_text_without_spaces ``` 
Color Formatting Takeaways
As you've probably noticed, there are limitations to using this method (such equally having to type no spaces for sure colors).
Just the most important thing is, we can still color our text relatively easily!
I'd recommend using the DIFF, Fustigate, Set, and CSS highlighting above (for red, light-green, yellow, and blue respectively).
Either way, the examples in a higher place include several shades of the master syntax highlighting colors, and letting you lot experiment with them in your letters.
Discord Font Formatting
Is it possible to create custom Discord font formats inside the Discord App? The answer is yes, although it may be a bit "finicky" at times due to the font limitations within Discord.
You can apply a font generation service such equally Lingojam to create the font's yous want, and go results like this:
I tried pasting a few of these fonts into Discord, and while it appeared to work for the cursive-looking fonts, information technology didn't work for the "block" font since Discord turned the "O" characters into an emoji:
The master takeaway here is… it is absolutely possible to format custom fonts inside Discord, just you may encounter issues depending on the fonts you choose.
There have as well been reports that this no longer works for long sentences of text, so beware of any potential font issues for long strings of words.
Fortunately, formatting curt strings of text to use in brusque titles or sentences even so appears to work bully, so you tin go ahead and use your custom fonts at that place.
Markdown Text 101: Digging Deeper
If you desire to dig into Discord Markdown even further and acquire some more tips/tricks, and so these are a few very helpful resources you lot can't miss.
The Markdown Tutorial
My favorite Markdown learning resource is very simply titled "The Markdown Tutorial". It walks you lot through Markdown footstep past step with both instructions and live output of what your text will look similar. This is a swell learning tool that I'd definitely recommend diving into for some deeper learning.
The Markdown Cheatsheet
Once y'all've gone through some markdown tutorials and merely want a quick reference to look back on, there'southward this awesome Markdown Cheatsheet that lists every unmarried blazon of formatting you lot'd encounter.
The Official Discord Markdown Guide
And finally, in that location's the Official Markdown Guide from the Discord Team (it's on the discordapp.com website). It covers everything we talked about in this guide (with regards to chat formatting), but information technology doesn't go into as much particular near how we actually go each blazon of color. It can however be a very useful reference if you're looking for a quick refresher.
Now It's Your Plough
And now the brawl is in your court — get out at that place and format/color some text!
Don't forget to bookmark this page as a resources for future utilize. Good luck, and take fun!
How To Change Color Of Text Discord,
Source: https://www.writebots.com/discord-text-formatting/
Posted by: thompsonmecer1954.blogspot.com
0 Response to "How To Change Color Of Text Discord"
Post a Comment