Skip to content

yairEO/console-colors

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Console Colors

Tiny decorator library for colorful browser console logs


All the below API methods are chainable, and are supposed to be written before the `log()` method.
  • Mind that styling of console logs only works for primitive types
  • The use of this utility is for modern browsers only
  • I advise to carefully include this script in development env and not in production

npm i @yaireo/console-colors --save

Or use it as a script from one of the following CDN:

Usage

One way to use "console-colors" is by creating a logger which will be glovally available

import consoleColor from '@yaireo/console-colors';

window.log = consoleColor()
log.red.bgWhite.bold.log("so nice", "I think so")()

Another way, is to extend window.console:

import consoleColor from '@yaireo/console-colors';

consoleColor( window.console )
console.big.bold.silver.log(1,2,3)()

API

Styles

bold, big, italic, capitalize, shadow

Colors

These are methods for text colors

console.blue.log("blue text")()

Each of the below colors can be used as background color as well:

console.bgBlue.white("white text over blue background")()

white, black, silver, gray, red, green, blue, gold, yellow, pink, cyan

Special

  • random - picks a random text color
  • bg - picks a random background color

Be aware that I did not include any code which tests colors contrast because such additional code will bload this tiny package


Drawbacks

Unfortunately the empty parenthesis at the end are a must to be able to keep the real file/line which the console was invoked at, otherwise it would show it as index.js (this lib), which is unhelpful.