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

    6.0.0 • Public • Published

    Ant Design Colors

    🎨 Color palettes calculator of Ant Design.

    Travis Test coverage npm package NPM downloads

    Dependencies DevDependencies Greenkeeper badge

    Install

    $ npm install @ant-design/colors
    // or
    $ yarn add @ant-design/colors

    Usage

    $ npm install @ant-design/colors --save
    import { red, volcano, gold, yellow, lime, green, cyan, blue, geekblue, purple, magenta, grey } from '@ant-design/colors';
    
    console.log(blue); // ['#E6F7FF', '#BAE7FF', '#91D5FF', ''#69C0FF', '#40A9FF', '#1890FF', '#096DD9', '#0050B3', '#003A8C', '#002766']
    console.log(blue.primary); // '#1890FF'
    import { generate, presetPalettes } from '@ant-design/colors';
    
    // Generate color palettes by a given color
    const colors = generate('#1890ff');
    console.log(colors); // ['#E6F7FF', '#BAE7FF', '#91D5FF', ''#69C0FF', '#40A9FF', '#1890FF', '#096DD9', '#0050B3', '#003A8C', '#002766']
    console.log(presetPalettes);
    /*
    {
      red: [...],
      volcano: [...],
      orange: [...],
      gold: [...],
      yellow: [...],
      lime: [...],
      green: [...],
      cyan: [...],
      blue: [...],
      geekblue: [...],
      purple: [...],
      magenta: [...],
    }
    */
    import { generate, presetDarkPalettes } from '@ant-design/colors';
    
    // Generate dark color palettes by a given color
    const colors = generate('#1890ff', {
      theme: 'dark',
      backgroundColor: '#141414'
    });
    console.log(colors); // ["#111d2c", "#112a45", "#15395b", "#164c7e", "#1765ad", "#177ddc", "#3993dc", "#65b7f3", "#8bcbf3", "#b2dcf3"]
    console.log(presetDarkPalettes);
    /*
    {
      red: [...],
      volcano: [...],
      orange: [...],
      gold: [...],
      yellow: [...],
      lime: [...],
      green: [...],
      cyan: [...],
      blue: [...],
      geekblue: [...],
      purple: [...],
      magenta: [...],
    }
    */

    Articles

    Keywords

    none

    Install

    npm i @ant-design/colors

    DownloadsWeekly Downloads

    696,110

    Version

    6.0.0

    License

    MIT

    Unpacked Size

    18.8 kB

    Total Files

    7

    Last publish

    Collaborators

    • wendellhu95
    • rdmclin2
    • yesmeck
    • afc163
    • heskey
    • wilsoncook
    • vthinkxie
    • tangjinzhou
    • bang88
    • zombiej
    • chenshuai2144
    • vagusx
    • gongzhen
    • dahong
    • ycjcl868
    • kn9117
    • esora
    • wynterding
    • yutingzhao1991
    • duxiaodong
    • arvinxx
    • mmmary
    • carrietan