Style console log output

Glitch Help
,
1

How do I change the colour of an output with console.log

2

Hey @Daniel,

  1. If you want the logs to be in red, then use console.error().

  2. If you want the logs to be in yellow, then use console.warn().

  3. Alternatively, you can use styles within a console.log statement like this:

console.log('%c Hello World! ', 'background: black; color: white');
1 Like
3

it doesn’t work. Here is what I get:
%c Hello World! background: black; color: white

4

@khalby786 Please help

5

Works for me…

6

Are you using this for the Glitch Logs or Chrome DevTools?

7

I’m using glitch console

8

Oh, what I said above would only apply for Chrome DevTools. So if you’re using the Glitch Logs, your only options would be console.error() and console.warn().

9

Ohhhhhh thanks for the help anyway

10

In the logs view, only console.error() and console.warn() change the text color, but in the actual console, you can use a library like chalk for coloring, chalk detects if the console/logs support it and send colored or not messages accordingly.

2 Likes