@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};
    `;

    Keywords

    none

    Install

    npm i @invisionag/iris-colors

    DownloadsWeekly Downloads

    281

    Version

    5.2.2

    License

    MIT

    Unpacked Size

    21.5 kB

    Total Files

    10

    Last publish

    Collaborators

    • fruetel
    • tristandruyen
    • schmitze333
    • csprle
    • beckerei
    • stefan.schiffer
    • alexphilo
    • ahx
    • cloudwaechter
    • tobias
    • jana_hehr
    • alexmarold
    • t_klepzig
    • joshuajaco
    • susahope
    • mwannewitz
    • drogglbecher
    • ivx-circle-ci
    • yichang
    • mmainz
    • ivx-jenkins