Kve colour

index.js

const kve = require("kve")

const fontColourContrast = require("font-color-contrast")
const parseColour = require("parse-color")
kve.colour = (object) => {
	const { hex } = parseColour(object)
	const fontColour = fontColourContrast(hex)
	const html = `
	<style>
		.item {
			background-color: ${hex};
			height: 10rem;
			display: flex;
			align-items: flex-end;
			font-size: 2em;
			padding: 1.5rem;
			color: ${fontColour};
		}
	</style>
	<main class="item">
 		${object}
	</main>
	`
	return kve({color: object}, { html, title: "Colour Viewer" })
}