Skip to content

Instantly share code, notes, and snippets.

@pvrego
Last active March 17, 2025 10:48
Show Gist options
  • Save pvrego/2e346674c3abbaa6366dfe86b8488dc9 to your computer and use it in GitHub Desktop.
Save pvrego/2e346674c3abbaa6366dfe86b8488dc9 to your computer and use it in GitHub Desktop.
How to make README.md files with colored texts in Github

Colored text #1

You can use the diff language tag to generate some colored text:

- text in red
+ text in green
! text in orange
# text in gray
@@ text in purple (and bold)@@

However, it adds it as a new line starting with either - + ! # or starts and ends with @@

enter image description here

Placeholders

It's worth mentioning that you can add some colour in a README using a placeholder image service. For example if you wanted to provide a list of colours for reference:

  • #f03c15 #f03c15
  • #c5f015 #c5f015
  • #1589F0 #1589F0 Produces:

#f03c15 #f03c15 #c5f015 #c5f015 #1589F0 #1589F0

Reference : How to add color to Github's README.md file

@Esmail3576
Copy link

$${\color{red}Welcome \space \color{lightblue}To \space \color{orange}Stackoverflow}$$

@San3-Cod3
Copy link

More of the workarounds and colour ways we had have been restricted even more now and/or removed. So many decent workarounds no longer function... It's criminal...

@fg20-cs
Copy link

fg20-cs commented Oct 11, 2023

#f03c15

@abdelemjidessaid
Copy link

- This text is colored

@abdelemjidessaid
Copy link

+ And this also

@santiismexican
Copy link

  • and this also

@santiismexican
Copy link

++ And

@santiismexican
Copy link

  • this text is green

@trungthanhnguyenn
Copy link

- **WELCOME EVERYONE**

> *a*

@arduino731
Copy link

Welcome To Stackoverflow

huh is this how this color working with two different color

how about this one...

This is light blue text

@arduino731
Copy link

arduino731 commented Dec 18, 2023

$${\color{red}Welcome \space \color{#8cf720}to \space \color{orange}Stackoverflow}$$

@juanisimioli
Copy link

+ And this also

@Leomdpaz
Copy link

Leomdpaz commented Jan 4, 2024

.diff
.- delete this line dot, replace ``` in the another 2 dots and write here
.

@maplepy
Copy link

maplepy commented Jan 24, 2024

$${\color{red}Welcome \space \color{lightblue}To \space \color{orange}Stackoverflow}$$

@WillianBrazF
Copy link

#c5f015 Test

@MilenaSuzumura
Copy link

@@ text in purple (and bold)@@

@dampdigits
Copy link

why don't they add support for colored texts in github's markdown?

@Dinidu21
Copy link

Welcome to Stackoverflow

@tomsfb
Copy link

tomsfb commented May 27, 2024

$${\color{red}Welcome \space \color{lightblue}To \space \color{orange}Stackoverflow}$$

@acurtogo
Copy link

acurtogo commented Oct 8, 2024

@@### Pueba de titular púrpura@@

@acurtogo
Copy link

acurtogo commented Oct 8, 2024

@@ Text @@

@doandat943
Copy link

doandat943 commented Nov 6, 2024

  • text in green @@

@acvillaz0n
Copy link

 This text is colored

@acvillaz0n
Copy link

W e l c o m e   T o   S t a c k o v e r f l o w

@minhk43pbc
Copy link

  • red -

@minhk43pbc
Copy link

  • text in red

@minhk43pbc
Copy link

-red

@theishu4
Copy link

theishu4 commented Dec 20, 2024

$${\color{red}I\space \font{roboto} am Ishu}$$
$${\color{red}{yourtexthere}}

@supercodingninja
Copy link

Check out Luigi Minardi's repo and you'll be able to do this 👇🏿 Don't forget to give him a star; and while you're at it give me one


🎷 $\Huge{\textsf{{\color[rgb]{0.0, 0.0, 1.0}TH}{\color[rgb]{0.1, 0.0, 0.9}E~ }{\color[rgb]{0.2, 0.0, 0.8}S}{\color[rgb]{0.3, 0.0, 0.7}UP}{\color[rgb]{0.4, 0.0, 0.6}ER~ }{\color[rgb]{0.5, 0.0, 0.5}CO}{\color[rgb]{0.6, 0.0, 0.4}DI}{\color[rgb]{0.7, 0.0, 0.3}NG~}{\color[rgb]{0.8, 0.0, 0.2}NI}{\color[rgb]{0.9, 0.0, 0.1}N}{\color[rgb]{1.0, 0.0, 0.0}JA!}}}$ 🎷

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment