صفحهٔ اصلی گشت‌و‌گذار راهنما
ورود
usky-oa
/
jnpf-web-vue3
2
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
درخت: e984acc6d0
شاخه‌ها تگ‌ها
jnpf-web-vue3
/
node_modules
/
@ant-design
/
colors
zhaojinyu e984acc6d0 first commit 10 ماه پیش
..
es e984acc6d0 first commit 10 ماه پیش
lib e984acc6d0 first commit 10 ماه پیش
LICENSE e984acc6d0 first commit 10 ماه پیش
README.md e984acc6d0 first commit 10 ماه پیش
package.json e984acc6d0 first commit 10 ماه پیش

README.md

Ant Design Colors

:art: Color palettes calculator of [Ant Design](https://ant.design/docs/spec/colors). [![CI status][github-action-image]][github-action-url] [![codecov][codecov-image]][codecov-url] [![NPM version][npm-image]][npm-url] [![NPM downloads][download-image]][download-url] [![][bundlephobia-image]][bundlephobia-url] ![](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png)

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); // ['#E6F4FF', '#BAE0FF', '#91CAFF', '#69B1FF', '#4096FF', '#1677FF', '#0958D9', '#003EB3', '#002C8C', '#001D66']
console.log(blue.primary); // '#1677FF'

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', '#3c9ae8', '#65b7f3', '#8dcff8', '#b7e3fa']
console.log(presetDarkPalettes);
/*
{
  red: [...],
  volcano: [...],
  orange: [...],
  gold: [...],
  yellow: [...],
  lime: [...],
  green: [...],
  cyan: [...],
  blue: [...],
  geekblue: [...],
  purple: [...],
  magenta: [...],
}
*/

Articles