Get unlimited public & private packages + team-based management with npm Teams.Learn more »

@engyn/open-colorjs

1.0.1 • Public • Published

@engyn/open-colorjs

banner

Javascript wrapper of open-color

Table of Contents

Background

Open color is an open-source color scheme optimized for UI like font, background, border, etc. This is a wrapper that exposes the color scheme through easy to use variables such as colors.red0

Useful if you want to use open-color with styled-components.

Install

Yarn

yarn add @engyn/open-colorjs

NPM

npm install --save @engyn/open-colorjs

Usage

import OpenColor from "@engyn/open-colorjs";
import styled from "styled-components";
 
const colors = OpenColor();
 
const Button = styled.button`
  background: transparent;
  border-radius: 3px;
  border: 2px solid ${colors.blue5};
  color: ${colors.red2};
  margin: 0 1em;
  padding: 0.25em 1em;
`;

Maintainers

@engyn

License

MIT © 2019 Kyle Salter

Install

npm i @engyn/open-colorjs

DownloadsWeekly Downloads

0

Version

1.0.1

License

MIT

Unpacked Size

274 kB

Total Files

10

Last publish

Collaborators

  • avatar