andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Travis build: 1222

Browse Source
This commit is contained in:
30secondsofcode
2018-01-13 15:26:47 +00:00
parent 7ae558d2a7
commit 0afd19a2c4
3 changed files with 85 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
snippets/colorize.md
View File

@ -6,30 +6,28 @@ Use template literals and special characters to add the appropriate color code t
For background colors, add a special character that resets the background color at the end of the string.
```js
const colorize = (...args) => (
{
black: `\x1b[30m${args.join(' ')}`,
red: `\x1b[31m${args.join(' ')}`,
green: `\x1b[32m${args.join(' ')}`,
yellow: `\x1b[33m${args.join(' ')}`,
blue: `\x1b[34m${args.join(' ')}`,
magenta: `\x1b[35m${args.join(' ')}`,
cyan: `\x1b[36m${args.join(' ')}`,
white: `\x1b[37m${args.join(' ')}`,
bgBlack : `\x1b[40m${args.join(' ')}\x1b[0m`,
bgRed : `\x1b[41m${args.join(' ')}\x1b[0m`,
bgGreen : `\x1b[42m${args.join(' ')}\x1b[0m`,
bgYellow : `\x1b[43m${args.join(' ')}\x1b[0m`,
bgBlue : `\x1b[44m${args.join(' ')}\x1b[0m`,
bgMagenta : `\x1b[45m${args.join(' ')}\x1b[0m`,
bgCyan : `\x1b[46m${args.join(' ')}\x1b[0m`,
bgWhite : `\x1b[47m${args.join(' ')}\x1b[0m`
}
)
const colorize = (...args) => ({
black: `\x1b[30m${args.join(' ')}`,
red: `\x1b[31m${args.join(' ')}`,
green: `\x1b[32m${args.join(' ')}`,
yellow: `\x1b[33m${args.join(' ')}`,
blue: `\x1b[34m${args.join(' ')}`,
magenta: `\x1b[35m${args.join(' ')}`,
cyan: `\x1b[36m${args.join(' ')}`,
white: `\x1b[37m${args.join(' ')}`,
bgBlack: `\x1b[40m${args.join(' ')}\x1b[0m`,
bgRed: `\x1b[41m${args.join(' ')}\x1b[0m`,
bgGreen: `\x1b[42m${args.join(' ')}\x1b[0m`,
bgYellow: `\x1b[43m${args.join(' ')}\x1b[0m`,
bgBlue: `\x1b[44m${args.join(' ')}\x1b[0m`,
bgMagenta: `\x1b[45m${args.join(' ')}\x1b[0m`,
bgCyan: `\x1b[46m${args.join(' ')}\x1b[0m`,
bgWhite: `\x1b[47m${args.join(' ')}\x1b[0m`
});
```
```js
console.log(colorize('foo').red); // 'foo' (red letters)
console.log(colorize('foo','bar').bgBlue); // 'foo bar' (blue background)
console.log(colorize('foo', 'bar').bgBlue); // 'foo bar' (blue background)
console.log(colorize(colorize('foo').yellow, colorize('foo').green).bgWhite); // 'foo bar' (first word in yellow letters, second word in green letters, white background for both)
```