Negligible Participation Metric

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

    3.1.1 • Public • Published

    Brightlayer UI Colors

    This package contains Brightlayer UI color definitions. These are intended for use as primary UI colors.

    It contains the following color defintions:

    blue / $blui-blue
    white / $blui-white
    gray / $blui-gray
    black / $blui-black
    darkBlack / $blui-darkBlack
    red / $blui-red
    orange / $blui-orange
    gold / $blui-gold
    yellow / $blui-yellow
    green / $blui-green
    lightBlue / $blui-lightBlue
    purple / $blui-purple
    

    These all have color definitions for the following values: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900.

    Installation

    Install with npm

    npm install --save @brightlayer-ui/colors
    

    or yarn

    yarn add @brightlayer-ui/colors
    

    Usage

    Incorporating these colors into your project is handled differently depending on the framework that you are using.

    Angular or Ionic

    // in styles.scss or your top-level sass file
    @import '~@brightlayer-ui/colors/palette.scss'
    ...
    background-color: map-get($blui-blue, 500)
    

    React or React Native

    import * as Colors from '@brightlayer-ui/colors';
    ...
    <div style={{background: Colors.blue['500']}}/>
    

    Install

    npm i @brightlayer-ui/colors

    DownloadsWeekly Downloads

    991

    Version

    3.1.1

    License

    BSD-3-Clause

    Unpacked Size

    21.5 kB

    Total Files

    14

    Last publish

    Collaborators

    • brightlayerui