# 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 @brightlayer-ui/colors-branding
```

or yarn

```
yarn add @brightlayer-ui/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 '~@brightlayer-ui/colors-branding/palette.scss'
...
background-color: map-get($brand-rust, 500)
```

### React or React Native

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