Nondeterministic Polynomial Munchies
Miss any of our Open RFC calls?Watch the recordings here! »

@pxblue/colors-branding

3.0.1 • Public • Published

Branding Colors Colors

This package contains branding color definitions. These are intended for use in supplemental materials (e.g., charting), but not as primary UI colors.

It contains the following color definitions:

$brand-blue
$brand-teal
$brand-citron
$brand-pine
$brand-emerald
$brand-wine
$brand-crimson
$brand-sunset
$brand-rust
$brand-navy
$brand-sky
$brand-sage
$brand-toad
$brand-butter
$brand-goldenrod
$brand-trophy

Installation

Install with npm

npm install --save @pxblue/colors-branding

or yarn

yarn add @pxblue/colors-branding

Usage

Incorporating these colors into your project is handled differently depending on the framework that you are using.

Angular or Ionic

// in styles.scss or your top-level sass file
@import '~@pxblue/colors-branding/palette.scss'
...
background-color: map-get($brand-rust, 500)

React or React Native

import * as Colors from '@pxblue/colors-branding';
...
<div style={{background: Colors.rust['500']}}/>

Install

npm i @pxblue/colors-branding

DownloadsWeekly Downloads

50

Version

3.0.1

License

BSD-3-Clause

Unpacked Size

12.7 kB

Total Files

9

Last publish

Collaborators

  • avatar