What is @colors/colors?
@colors/colors is an npm package that allows you to add color and style to your console output in Node.js applications. It provides a simple and intuitive API to apply various colors and text styles to strings, making it easier to create visually appealing command-line interfaces.
What are @colors/colors's main functionalities?
Basic Colors
This feature allows you to apply basic colors to your text. In this example, the text 'Hello' will be printed in green.
const colors = require('@colors/colors');
console.log('Hello'.green);
Text Styles
This feature allows you to apply text styles such as bold and underline. In this example, the text 'Hello' will be printed in bold and underlined.
const colors = require('@colors/colors');
console.log('Hello'.bold.underline);
Custom Themes
This feature allows you to define custom themes with specific color and style combinations. In this example, a custom theme is created that applies red color and underline style to the text 'Hello'.
const colors = require('@colors/colors');
colors.setTheme({ custom: ['red', 'underline'] });
console.log('Hello'.custom);
Other packages similar to @colors/colors
chalk
Chalk is another popular npm package for styling terminal strings. It offers a similar API to @colors/colors but is often considered more modern and feature-rich. Chalk supports template literals and nested styles, which can make it more flexible for complex styling needs.
cli-color
cli-color is a package that provides a wide range of color and style options for terminal output. It is similar to @colors/colors but includes additional features like progress bars and tables, making it a more comprehensive solution for command-line interface development.
kleur
Kleur is a very lightweight and fast library for terminal string styling. It offers a minimalistic API compared to @colors/colors, focusing on performance and simplicity. Kleur is ideal for projects where bundle size and speed are critical.
@colors/colors ("colors.js")
Please check out the roadmap for upcoming features and releases. Please open Issues to provide feedback.
get color and style in your node.js console
Installation
npm install @colors/colors
colors and styles!
text colors
- black
- red
- green
- yellow
- blue
- magenta
- cyan
- white
- gray
- grey
bright text colors
- brightRed
- brightGreen
- brightYellow
- brightBlue
- brightMagenta
- brightCyan
- brightWhite
background colors
- bgBlack
- bgRed
- bgGreen
- bgYellow
- bgBlue
- bgMagenta
- bgCyan
- bgWhite
- bgGray
- bgGrey
bright background colors
- bgBrightRed
- bgBrightGreen
- bgBrightYellow
- bgBrightBlue
- bgBrightMagenta
- bgBrightCyan
- bgBrightWhite
styles
- reset
- bold
- dim
- italic
- underline
- inverse
- hidden
- strikethrough
- rainbow
- zebra
- america
- trap
- random
Usage
By popular demand, @colors/colors
now ships with two types of usages!
The super nifty way
var colors = require('@colors/colors');
console.log('hello'.green);
console.log('i like cake and pies'.underline.red);
console.log('inverse the color'.inverse);
console.log('OMG Rainbows!'.rainbow);
console.log('Run the trap'.trap);
or a slightly less nifty way which doesn't extend String.prototype
var colors = require('@colors/colors/safe');
console.log(colors.green('hello'));
console.log(colors.red.underline('i like cake and pies'));
console.log(colors.inverse('inverse the color'));
console.log(colors.rainbow('OMG Rainbows!'));
console.log(colors.trap('Run the trap'));
I prefer the first way. Some people seem to be afraid of extending String.prototype
and prefer the second way.
If you are writing good code you will never have an issue with the first approach. If you really don't want to touch String.prototype
, the second usage will not touch String
native object.
Enabling/Disabling Colors
The package will auto-detect whether your terminal can use colors and enable/disable accordingly. When colors are disabled, the color functions do nothing. You can override this with a command-line flag:
node myapp.js --no-color
node myapp.js --color=false
node myapp.js --color
node myapp.js --color=true
node myapp.js --color=always
FORCE_COLOR=1 node myapp.js
Or in code:
var colors = require('@colors/colors');
colors.enable();
colors.disable();
var name = 'Beowulf';
console.log(colors.green('Hello %s'), name);
Custom themes
Using standard API
var colors = require('@colors/colors');
colors.setTheme({
silly: 'rainbow',
input: 'grey',
verbose: 'cyan',
prompt: 'grey',
info: 'green',
data: 'grey',
help: 'cyan',
warn: 'yellow',
debug: 'blue',
error: 'red'
});
console.log("this is an error".error);
console.log("this is a warning".warn);
Using string safe API
var colors = require('@colors/colors/safe');
var error = colors.red;
error('this is red');
colors.setTheme({
silly: 'rainbow',
input: 'grey',
verbose: 'cyan',
prompt: 'grey',
info: 'green',
data: 'grey',
help: 'cyan',
warn: 'yellow',
debug: 'blue',
error: 'red'
});
console.log(colors.error("this is an error"));
console.log(colors.warn("this is a warning"));
Combining Colors
var colors = require('@colors/colors');
colors.setTheme({
custom: ['red', 'underline']
});
console.log('test'.custom);
Protip: There is a secret undocumented style in colors
. If you find the style you can summon him.