Crayon

``js
import crayon from '@me5on/crayon';


console.log(crayon('{: bg.red + fg.yellow :: red bg and yellow fg :}'));
`

![](https://raw.githubusercontent.com/me5on/crayon/trunk/doc/red-bg-yellow-fg.png)

`js
const {ansi: A, create} = crayon;

const custom = create({
syntax: {
and: ',', esc: '', dot: '',
bgn: '\\{', mid: ':', end: '\\}',
},
box: {
dim: A.cc.dim,
done: A.bg.green + A.fg.white + A.cc.bright,
warn: A.bg.yellow + A.fg.black,
info: A.bg.blue + A.fg.black,
},
});

console.log(custom('{dim: a dim text }'));
console.log(custom('{dim,info:MARK}'));
console.log(custom('{warn:WARN}'));
console.log(custom('{done:DONE}'));
`

![](https://raw.githubusercontent.com/me5on/crayon/trunk/doc/custom-crayons.png)

Can also use it as a tag for template strings

`js
console.log(custom{dim,info:INFO} if crayon is {bold:NOT} in the box, it is ignored);
console.log(custom{warn:WARN} something went {bad:bad} + ' no {bad:crayon found}');
console.log(customthis example is {done:DONE});
`

![](https://raw.githubusercontent.com/me5on/crayon/trunk/doc/tagged-template-strings.png)

`js
const {ansi: {fg: FG, bg: BG, cc: CC}, bgf: {black}, idx: IDX, rgb: RGB} = crayon;


const c = crayon.create({
box: {
TXT: BG.black + IDX.fg(250) + CC.bright,
VER: BG.black + RGB.fg(0x9f, 0x90, 0xff),
ERR: BG.black + FG.red,
REG: BG.black,
},
});


const version = '1.2.3';
console.log(c{:TXT::version: :}{:VER::${version}:});
console.log(c{:TXT::version: :}{:ERR::unknown:});

// embedded directives don't work, so they can have similar colors
console.log(c{:TXT::first color:} in between {:VER::second color:});
console.log(c{:TXT::first background:}{:REG:: now with regular background :}{:VER::second background:});

// there is also no need of always using tagged template strings
console.log(black('also with the same background'));
``