CODEWITHSUNDEEP
javascriptdebugginggoogle-chrome-devtools
LuisAFK
LuisAFK

Reputation: 957

Debug messages show blue in Chrome DevTools

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

Screenshot

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

Upvotes: 0

Views: 1277

Answers (1)

James
James

Reputation: 22237

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:

MacOS dark mode screenshot console

Upvotes: 1

Related Questions