ant-design-palettes

WebJar for ant-design-palettes

License	MIT
Categories	Ant Build Tools
GroupId	org.webjars.npm
ArtifactId	ant-design-palettes
Last Version	1.1.3
Release Date	Nov 7, 2018
Type	jar
Description	ant-design-palettes WebJar for ant-design-palettes
Project URL	http://webjars.org
Source Code Management	https://github.com/ant-design/ant-design-palettes

Download ant-design-palettes

Filename	Size
ant-design-palettes-1.1.3.pom
ant-design-palettes-1.1.3.jar	8 KB
ant-design-palettes-1.1.3-sources.jar	22 bytes
ant-design-palettes-1.1.3-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/ant-design-palettes/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>ant-design-palettes</artifactId>
    <version>1.1.3</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/ant-design-palettes/
implementation 'org.webjars.npm:ant-design-palettes:1.1.3'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/ant-design-palettes/
implementation ("org.webjars.npm:ant-design-palettes:1.1.3")

Apache Buildr

'org.webjars.npm:ant-design-palettes:jar:1.1.3'

Apache Ivy

<dependency org="org.webjars.npm" name="ant-design-palettes" rev="1.1.3">
  <artifact name="ant-design-palettes" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='ant-design-palettes', version='1.1.3')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "ant-design-palettes" % "1.1.3"

Leiningen

[org.webjars.npm/ant-design-palettes "1.1.3"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.npm : tinycolor2	jar	[1.4.1,2)

Project Modules

There are no modules declared in this project.

Ant Design Colors

🎨 Color palettes calculator of Ant Design.

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

• Ant Design Colors
• Ant Design 色板生成算法演进之路

Ant Design Team

A UI Design Language

Versions

Version
1.1.3 Nov 7, 2018