How to apply CSS to console.log coloring automatically

Question

We can stylize console log outputs in browsers. But, how to use the same console.log calls to stylize in command line?

I'm aware of how to colorize console outputs. What I want is: Just calling the below code, it will colorize in CLI automatically; a tool or a way to do that.

Convert CSS to Commandline automatically

console.log('%c COLORFUL', 'background: orange; color: white;');

@Oleg @Bergi this question is not a duplicate. Please read the questions carefully before marking. This question has been marked incorrectly as a duplicate.

@tobspr Yes. I'm getting console messages from my app in phantom js through CLI. But, they come unformatted because of CSS. — Inanc Gumus, Apr 24 '16 at 17:56
@Oleg no, it's not. I'm not referring to CLI coloring. I'm referring to CSS to CLI coloring. — Inanc Gumus, Apr 24 '16 at 18:00
As far as I know, there's no tool that uses CSS styles to colorize a CLI output. — Oleg, Apr 24 '16 at 18:03
An [easy/simplest way do it to show colors in console](https://stackoverflow.com/a/42551926/3240038) — Suhaib Janjua, Sep 18 '17 at 08:26

score -1 · Answer 1 · answered Apr 24 '16 at 17:56

-1

Have a look at color.js. It provides functions to stylize the console output. Usage is as simple as:

console.log("Yellow text".yellow);

answered Apr 24 '16 at 17:56

tobspr

8,200
5
33
46

You should clarify your question then, because right now thats not obvious – tobspr Apr 24 '16 at 17:57
This doesn't answer the question, as OP wanted a way to convert css console.log styling to node.js , like you do with color.js. – CrazyVideoGamer Apr 15 '21 at 03:20

score -1 · Answer 2 · answered Apr 24 '16 at 17:56

-1

You can use a library, such as chalk.

const chalk = require('chalk');

// combine styled and normal strings
console.log(chalk.blue('Hello') + 'World' + chalk.red('!'));

answered Apr 24 '16 at 17:56

Oleg

9,341
2
43
58

@InancGumus You could replace console.log with a function that calls both for you: `const log = text => console.log(chalk.blue(text));` – bb216b3acfd8f72cbc8f899d4d6963 Feb 26 '19 at 20:56
This doesn't answer the question. The question asks how to convert the %c to node.js style, like chalk here. – CrazyVideoGamer Apr 15 '21 at 03:19

How to apply CSS to console.log coloring automatically

2 Answers2