###Colors

The BNNVARA color system can be used to create a color scheme that reflects the brand and style.

Design & API Documentation

Color DEMO

Pattern library

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 |