UNPKG

@bnnvara/colors

Version:

Brand colors for BNNVARA

35 lines (25 loc) 1.3 kB
###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 |