Debug messages show blue in Chrome DevTools

Question

I'm making a game and I added some debugging messages with console.debug() but I noticed they were showing blue:

The code was the following:

console.debug('Reduced bounce on body because difficulty is on', difficulty);

I didn't add any styles to the message, it's something that Chrome did.

Chrome version 103.0.5060.114 (Official Build) (x86_64), on macOS

That's just the color of "debug" level console messages in Chrome in dark mode on MacOS. see [this question](https://stackoverflow.com/questions/7505623/colors-in-javascript-console) — James, Jul 21 '22 at 11:34
@James I still don't see the blue color in the dark mode on MacOS. Can you share some screenshot with your observation? — Pankaj Parashar, Jul 22 '22 at 17:40

score 1 · Accepted Answer · answered Jul 22 '22 at 18:05

The blue with a light blue "message count" badge is the default color or Chrome debug-level console message on MacOS in dark mode.

Some info about how to change the default for your own browser, or ways to write console messages in your own colors is in this post

Here's a screenshot from my Macbook:

1 Answers1