@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

8

Version

5.2.2

License

MIT

Unpacked Size

21.5 kB

Total Files

10

Last publish

Collaborators

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