DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 970,177 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Alexey Melezhik
Alexey Melezhik

Posted on

How to add colorful output to my dev.to posts?

Hi! I am writing post about testing framework which emits nice colorful output, how can I colorize text through dev.to markdown?

Thank you.

Top comments (6)

Collapse
 
andy profile image
Andy Zhao (he/him)

Hey there! You can colorize text in code blocks, but not the regular text.

To use a code block, type wrap some code with triple back ticks:
code block with no colors example

To colorize it, add a language immediately after the first set of triple back ticks:
code block with colors example

You can find more info in our editor guide: dev.to/p/editor_guide

Collapse
 
melezhik profile image
Alexey Melezhik Author

Thanks Andy. Maybe worth it to allow color text snipped, irrelevant to text? But it is probably beyond Markdown scope ...

Collapse
 
ben profile image
Ben Halpern

I think it may be. Perhaps you could use a Codepen embed as described in the guide?

Thread Thread
 
melezhik profile image
Alexey Melezhik Author

I presume it only works with Language source code? Not with just any text?

Collapse
 
derekjhopper profile image
Derek Hopper

carbon.now.sh is a good option if you don't mind sharing your code as an image. A reader wouldn't get the copy/paste option, but you can create a colorful image.

Collapse
 
melezhik profile image
Alexey Melezhik Author

Hi Derek! Will take a look, thanks a lot!

DEV has this feature:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. πŸ›