TIL: console.log with color

 · 
 ·  subscribe to my posts

We can use this pattern to output log with color in browser by adding CSS:

const logger = (name) => ({
  info: console.info.bind(console, `%c${name}: %s`, 'color: #56d74b'),
  verbose: console.debug.bind(console, `%c${name}: %s`, 'color: #70818e'),
})

Let's stay connected!

If you like the post, subscribe to my newsletter to get latest updates:

Author

I'm Oliver Nguyen. A software maker working mostly in Go and JavaScript. I enjoy learning and seeing a better version of myself each day. Occasionally spin off new open source projects. Share knowledge and thoughts during my journey. Connect with me on , , , , or subscribe to my posts.

Back