@bnnvara/colors
Version:
Brand colors for BNNVARA
35 lines (25 loc) • 1.3 kB
Markdown
###Colors
The BNNVARA color system can be used to create a color scheme that reflects the brand and style.
## Design & API Documentation
[Color DEMO](https://patterns.bnnvara.nl/?selectedKind=0.%20Utils%7CColors&selectedStory=Color%20overview)
[Pattern library](https://patterns.bnnvara.nl)
## Installation
```npm install @bnnvara/colors --save```
## Basic Usage
```import theme from '@bnnvara/colors';```
## Variants
| Category | Custom property | Description |
| --- | --- | --- |
| base | base.white | The theme base white color|
| base | base.black | The theme base black color|
| primary | primary.light | The theme primary light color |
| primary | primary.main | The theme primary main color |
| primary | primary.dark | The theme primary dark color |
| primary | primary.contrastText| The theme primary contrast text color |
| secondary | secondary.light | The theme secondary light color |
| secondary | secondary.main | The theme secondary main color |
| secondary | secondary.dark | The theme secondary dark color |
| secondary | secondary.contrastText | The theme secondary contrast text color |
| tertiary | tertiary.light | The theme tertiary light color |
| tertiary | tertiary.main | The theme tertiary main color |
| tertiary | tertiary.dark | The theme tertiary dark color |