1 | # ansi-styles [![Build Status](https://travis-ci.org/chalk/ansi-styles.svg?branch=master)](https://travis-ci.org/chalk/ansi-styles)
|
---|
2 |
|
---|
3 | > [ANSI escape codes](http://en.wikipedia.org/wiki/ANSI_escape_code#Colors_and_Styles) for styling strings in the terminal
|
---|
4 |
|
---|
5 | You probably want the higher-level [chalk](https://github.com/chalk/chalk) module for styling your strings.
|
---|
6 |
|
---|
7 | <img src="https://cdn.rawgit.com/chalk/ansi-styles/8261697c95bf34b6c7767e2cbe9941a851d59385/screenshot.svg" width="900">
|
---|
8 |
|
---|
9 |
|
---|
10 | ## Install
|
---|
11 |
|
---|
12 | ```
|
---|
13 | $ npm install ansi-styles
|
---|
14 | ```
|
---|
15 |
|
---|
16 |
|
---|
17 | ## Usage
|
---|
18 |
|
---|
19 | ```js
|
---|
20 | const style = require('ansi-styles');
|
---|
21 |
|
---|
22 | console.log(`${style.green.open}Hello world!${style.green.close}`);
|
---|
23 |
|
---|
24 |
|
---|
25 | // Color conversion between 16/256/truecolor
|
---|
26 | // NOTE: If conversion goes to 16 colors or 256 colors, the original color
|
---|
27 | // may be degraded to fit that color palette. This means terminals
|
---|
28 | // that do not support 16 million colors will best-match the
|
---|
29 | // original color.
|
---|
30 | console.log(style.bgColor.ansi.hsl(120, 80, 72) + 'Hello world!' + style.bgColor.close);
|
---|
31 | console.log(style.color.ansi256.rgb(199, 20, 250) + 'Hello world!' + style.color.close);
|
---|
32 | console.log(style.color.ansi16m.hex('#ABCDEF') + 'Hello world!' + style.color.close);
|
---|
33 | ```
|
---|
34 |
|
---|
35 | ## API
|
---|
36 |
|
---|
37 | Each style has an `open` and `close` property.
|
---|
38 |
|
---|
39 |
|
---|
40 | ## Styles
|
---|
41 |
|
---|
42 | ### Modifiers
|
---|
43 |
|
---|
44 | - `reset`
|
---|
45 | - `bold`
|
---|
46 | - `dim`
|
---|
47 | - `italic` *(Not widely supported)*
|
---|
48 | - `underline`
|
---|
49 | - `inverse`
|
---|
50 | - `hidden`
|
---|
51 | - `strikethrough` *(Not widely supported)*
|
---|
52 |
|
---|
53 | ### Colors
|
---|
54 |
|
---|
55 | - `black`
|
---|
56 | - `red`
|
---|
57 | - `green`
|
---|
58 | - `yellow`
|
---|
59 | - `blue`
|
---|
60 | - `magenta`
|
---|
61 | - `cyan`
|
---|
62 | - `white`
|
---|
63 | - `gray` ("bright black")
|
---|
64 | - `redBright`
|
---|
65 | - `greenBright`
|
---|
66 | - `yellowBright`
|
---|
67 | - `blueBright`
|
---|
68 | - `magentaBright`
|
---|
69 | - `cyanBright`
|
---|
70 | - `whiteBright`
|
---|
71 |
|
---|
72 | ### Background colors
|
---|
73 |
|
---|
74 | - `bgBlack`
|
---|
75 | - `bgRed`
|
---|
76 | - `bgGreen`
|
---|
77 | - `bgYellow`
|
---|
78 | - `bgBlue`
|
---|
79 | - `bgMagenta`
|
---|
80 | - `bgCyan`
|
---|
81 | - `bgWhite`
|
---|
82 | - `bgBlackBright`
|
---|
83 | - `bgRedBright`
|
---|
84 | - `bgGreenBright`
|
---|
85 | - `bgYellowBright`
|
---|
86 | - `bgBlueBright`
|
---|
87 | - `bgMagentaBright`
|
---|
88 | - `bgCyanBright`
|
---|
89 | - `bgWhiteBright`
|
---|
90 |
|
---|
91 |
|
---|
92 | ## Advanced usage
|
---|
93 |
|
---|
94 | By default, you get a map of styles, but the styles are also available as groups. They are non-enumerable so they don't show up unless you access them explicitly. This makes it easier to expose only a subset in a higher-level module.
|
---|
95 |
|
---|
96 | - `style.modifier`
|
---|
97 | - `style.color`
|
---|
98 | - `style.bgColor`
|
---|
99 |
|
---|
100 | ###### Example
|
---|
101 |
|
---|
102 | ```js
|
---|
103 | console.log(style.color.green.open);
|
---|
104 | ```
|
---|
105 |
|
---|
106 | Raw escape codes (i.e. without the CSI escape prefix `\u001B[` and render mode postfix `m`) are available under `style.codes`, which returns a `Map` with the open codes as keys and close codes as values.
|
---|
107 |
|
---|
108 | ###### Example
|
---|
109 |
|
---|
110 | ```js
|
---|
111 | console.log(style.codes.get(36));
|
---|
112 | //=> 39
|
---|
113 | ```
|
---|
114 |
|
---|
115 |
|
---|
116 | ## [256 / 16 million (TrueColor) support](https://gist.github.com/XVilka/8346728)
|
---|
117 |
|
---|
118 | `ansi-styles` uses the [`color-convert`](https://github.com/Qix-/color-convert) package to allow for converting between various colors and ANSI escapes, with support for 256 and 16 million colors.
|
---|
119 |
|
---|
120 | To use these, call the associated conversion function with the intended output, for example:
|
---|
121 |
|
---|
122 | ```js
|
---|
123 | style.color.ansi.rgb(100, 200, 15); // RGB to 16 color ansi foreground code
|
---|
124 | style.bgColor.ansi.rgb(100, 200, 15); // RGB to 16 color ansi background code
|
---|
125 |
|
---|
126 | style.color.ansi256.hsl(120, 100, 60); // HSL to 256 color ansi foreground code
|
---|
127 | style.bgColor.ansi256.hsl(120, 100, 60); // HSL to 256 color ansi foreground code
|
---|
128 |
|
---|
129 | style.color.ansi16m.hex('#C0FFEE'); // Hex (RGB) to 16 million color foreground code
|
---|
130 | style.bgColor.ansi16m.hex('#C0FFEE'); // Hex (RGB) to 16 million color background code
|
---|
131 | ```
|
---|
132 |
|
---|
133 |
|
---|
134 | ## Related
|
---|
135 |
|
---|
136 | - [ansi-escapes](https://github.com/sindresorhus/ansi-escapes) - ANSI escape codes for manipulating the terminal
|
---|
137 |
|
---|
138 |
|
---|
139 | ## Maintainers
|
---|
140 |
|
---|
141 | - [Sindre Sorhus](https://github.com/sindresorhus)
|
---|
142 | - [Josh Junon](https://github.com/qix-)
|
---|
143 |
|
---|
144 |
|
---|
145 | ## License
|
---|
146 |
|
---|
147 | MIT
|
---|