@invisionag/iris-colors
TypeScript icon, indicating that this package has built-in type declarations

5.2.2 • Public • Published
import colors from '@invisionag/iris-colors';

The injixo color world is split into 3 categories:

Brand

Only used for branding related tasks. It's not allowed to use those color for any other cause.

import { brand } from '@invisionag/iris-colors';

System

Are used for all stylings within the injixo applications such as background-colors, border, typography, etc...

import { system } from '@invisionag/iris-colors';

Data Visualization

Only used for data visualization such as graphs, tables and other data heavy visualizations.

import { visualization } from '@invisionag/iris-colors';

Usage:

export const StyledItem = styled.div`
  background-color: ${colors.system.ui100};
`;

Brand

export const StyledItem = styled.div`
  background-color: ${brand.injixo100};
`;

System

export const StyledItem = styled.div`
  background-color: ${system.ui100};
`;

Data Visualization

export const StyledItem = styled.div`
  background-color: ${visualization.ink50};
`;

Readme

Keywords

none

Package Sidebar

Install

npm i @invisionag/iris-colors

Weekly Downloads

30

Version

5.2.2

License

MIT

Unpacked Size

21.5 kB

Total Files

10

Last publish

Collaborators

  • fruetel
  • csprle
  • yashabfaryal0322
  • beckerei
  • stefan.schiffer
  • pgotthardt-ivx
  • ahx
  • kattelans
  • cloudwaechter
  • tobias
  • alexmarold
  • t_klepzig
  • susahope
  • mwannewitz
  • brerx
  • ivx-circle-ci
  • yichang
  • ivx-jenkins
  • aitortomas
  • lutz.peukert
  • ftrautmann
  • cwaider
  • sruehlemann
  • mblumtritt
  • jana_hehr
  • plaudel
  • amft
  • patricialieske
  • jens.zobel
  • ivx-github
  • mbrendler
  • plore_ivx
  • birgithorn
  • alexj-ivx
  • roberter26
  • hrabe
  • jj-ivx
  • bgoeral
  • johannesluedke
  • nleinich
  • nickolson
  • akieffer
  • tinohenke