chalk-mate

A library that extends the chalk.js library by allowing you to apply color and style to HTML-like templates.

Installation

1npm install chalk-mate

Usage

1import chalkMate from 'chalk-mate'
2
3const styled = chalkMate(`<red>Hello</red> <green>World</green>`)
4
5console.log(styled)

Output

Foreground Color

The foreground color can be applied:

1. By using the color name as the tag name.
2. By using the color attribute.

Color Names

CSS color names are supported. See CSS Color Names for a list of supported color names.

1<red>Hello World</red>
2<text color="red">Hello World</text>

Hexadecimal Color Codes

1<text color="#ff0000">Hello World</text>

RGB Color Codes

1<text color="255, 0, 0">Hello World</text>

Background Color

The background color can be applied:

1. By using the bg- prefix before the color name as the tag name.
2. By using the bg attribute.

Color Names

CSS color names are supported. See CSS Color Names for a list of supported color names.

1<bg-red>Hello World</bg-red>
2<text bg="red">Hello World</text>

Hexadecimal Color Codes

1<white bg="#ff0000">Hello World</white>

RGB Color Codes

1<white bg="255, 0, 0">Hello World</white>

Text Styles

The following text styles are supported:

1. Bold
2. Dim
3. Italic
4. Underline
5. Inverse
6. Hidden
7. Strikethrough
8. Visible

See modifiers in chalk.js for more information.

They can be applied:

1. By using the style name as the tag name.
2. By using the name of the style as the attribute.

1<bold>Hello World</bold>
2or
3<text bold>Hello World</text>

1<italic>Hello World</italic>
2or
3<text italic>Hello World</text>

Nesting

You can nest tags within tags.

1<red>Hello <bold>World</bold></red>

Combining Styles and Colors

You can combine styles and colors.

1<bg-red color="white" underline>Hello <bold italic color="blue" bg="white">World</bold></bg-red>

License (MIT)

Copyright © Moses Gitau All rights reserved.

Find a copy of the License here