Crayon colors for javascript

Colors based on crayola crayons, taken from http://en.wikipedia.org/wiki/List_of_Crayola_crayon_colors

Installation

You could grab the file directly from the github repository: crayons.js.

Or you could clone the git repository:

git clone git://github.com/kbroman/crayonsjs

Or, you can use npm

npm install crayons

You'll then find the crayons.js file in node_modules/crayonsjs/crayons.js.

You can also link to it directly.

<script type="text/javascript" src="https://kbroman.org/crayons.js"></script>

Usage

crayons.js contains just one thing:

• crayons – an object, indexed by color name. For example, crayons["Tickle Me Pink"].

We just made one change: the color "Violet (Purple)" is duplicated as just crayons["Violet"] and crayons["Purple"].

CSS

There's also a CSS version, crayons.css.

Link to it as follows:

<link rel=stylesheet type="text/css" href="https://kbroman.org/crayons.css">

It defines a bunch of variables like --TickleMePink. Note that the spaces have been removed from the names, as well as apostrophes. Also we changed "Violet (Purple)" to listed as both --Violet and --Purple. Use them as follows:

body {
    background-color: var(--CottonCandy);
    color: var(--RoyalPurple)
}

License

Licensed under the MIT license. (More information here.)