@ant-design/colors

Install

npm i @ant-design/colors

yarn add @ant-design/colors

pnpm add @ant-design/colors

Color palettes calculator of Ant Design

const blue: string[] & { primary?: string | undefined };

const cyan: string[] & { primary?: string | undefined };

const geekblue: string[] & { primary?: string | undefined };

const gold: string[] & { primary?: string | undefined };

const gray: string[] & { primary?: string | undefined };

const green: string[] & { primary?: string | undefined };

const grey: string[] & { primary?: string | undefined };

const lime: string[] & { primary?: string | undefined };

const magenta: string[] & { primary?: string | undefined };

const orange: string[] & { primary?: string | undefined };

const presetDarkPalettes: PalettesProps;

const presetPalettes: PalettesProps;

const presetPrimaryColors: Record<string, string>;

const purple: string[] & { primary?: string | undefined };

const red: string[] & { primary?: string | undefined };

const volcano: string[] & { primary?: string | undefined };

const yellow: string[] & { primary?: string | undefined };

generate: (color: string, opts?: Opts) => string[];

type PalettesProps = Record<
    string,
    string[] & {
        primary?: string;
    }
>;

No peer dependencies.

To add a badge like this oneto your package's README, use the codes available below.

You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/@ant-design/colors.

Markdown

[![jsDocs.io](https://img.shields.io/badge/jsDocs.io-reference-blue)](https://www.jsdocs.io/package/@ant-design/colors)

HTML

<a href="https://www.jsdocs.io/package/@ant-design/colors"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>