This package has been deprecated

Author message:

WARNING: This project has been renamed to @ghchu/color-palette. Install using @ghchu/color-palette instead.https://www.npmjs.com/package/@ghchu/color-palette

ant-color-converter

1.0.0 • Public • Published

ant-color-converter

读取文件中的主色,返回ant-design算法生成的色板文件

例子

// var.scss
$red#f5222d; 
$volcano#fa541c; 
$orange#fa8c16; 
$gold#faad14; 
$yellow#fadb14; 
$lime#a0d911; 
$green#52c41a; 
$cyan#13c2c2; 
$blue#1890ff; 
$geekblue#2f54eb; 
$purple#722ed1; 
$magenta#eb2f96; 
 
// test.js
const convert=require('ant-color-converter')
convert('./var.scss','./colors.scss')
 
// colors.scss
$red-1:#fff1f0;
$red-2:#ffccc7;
$red-3:#ffa39e;
$red-4:#ff7875;
$red-5:#ff4d4f;
$red-6:#f5222d;
$red-7:#cf1322;
$red-8:#a8071a;
$red-9:#820014;
$red-10:#5c0011;
 
$volcano-1:#fff2e8;
$volcano-2:#ffd8bf;
$volcano-3:#ffbb96;
$volcano-4:#ff9c6e;
$volcano-5:#ff7a45;
$volcano-6:#fa541c;
$volcano-7:#d4380d;
$volcano-8:#ad2102;
$volcano-9:#871400;
$volcano-10:#610b00;
 
$orange-1:#fff7e6;
$orange-2:#ffe7ba;
$orange-3:#ffd591;
$orange-4:#ffc069;
$orange-5:#ffa940;
$orange-6:#fa8c16;
$orange-7:#d46b08;
$orange-8:#ad4e00;
$orange-9:#873800;
$orange-10:#612500;
 
$gold-1:#fffbe6;
$gold-2:#fff1b8;
$gold-3:#ffe58f;
$gold-4:#ffd666;
$gold-5:#ffc53d;
$gold-6:#faad14;
$gold-7:#d48806;
$gold-8:#ad6800;
$gold-9:#874d00;
$gold-10:#613400;
 
$yellow-1:#feffe6;
$yellow-2:#ffffb8;
$yellow-3:#fffb8f;
$yellow-4:#fff566;
$yellow-5:#ffec3d;
$yellow-6:#fadb14;
$yellow-7:#d4b106;
$yellow-8:#ad8b00;
$yellow-9:#876800;
$yellow-10:#614700;
 
$lime-1:#fcffe6;
$lime-2:#f4ffb8;
$lime-3:#eaff8f;
$lime-4:#d3f261;
$lime-5:#bae637;
$lime-6:#a0d911;
$lime-7:#7cb305;
$lime-8:#5b8c00;
$lime-9:#3f6600;
$lime-10:#254000;
 
$green-1:#f6ffed;
$green-2:#d9f7be;
$green-3:#b7eb8f;
$green-4:#95de64;
$green-5:#73d13d;
$green-6:#52c41a;
$green-7:#389e0d;
$green-8:#237804;
$green-9:#135200;
$green-10:#092b00;
 
$cyan-1:#e6fffb;
$cyan-2:#b5f5ec;
$cyan-3:#87e8de;
$cyan-4:#5cdbd3;
$cyan-5:#36cfc9;
$cyan-6:#13c2c2;
$cyan-7:#08979c;
$cyan-8:#006d75;
$cyan-9:#00474f;
$cyan-10:#002329;
 
$blue-1:#e6f7ff;
$blue-2:#bae7ff;
$blue-3:#91d5ff;
$blue-4:#69c0ff;
$blue-5:#40a9ff;
$blue-6:#1890ff;
$blue-7:#096dd9;
$blue-8:#0050b3;
$blue-9:#003a8c;
$blue-10:#002766;
 
$geekblue-1:#f0f5ff;
$geekblue-2:#d6e4ff;
$geekblue-3:#adc6ff;
$geekblue-4:#85a5ff;
$geekblue-5:#597ef7;
$geekblue-6:#2f54eb;
$geekblue-7:#1d39c4;
$geekblue-8:#10239e;
$geekblue-9:#061178;
$geekblue-10:#030852;
 
$purple-1:#f9f0ff;
$purple-2:#efdbff;
$purple-3:#d3adf7;
$purple-4:#b37feb;
$purple-5:#9254de;
$purple-6:#722ed1;
$purple-7:#531dab;
$purple-8:#391085;
$purple-9:#22075e;
$purple-10:#120338;
 
$magenta-1:#fff0f6;
$magenta-2:#ffd6e7;
$magenta-3:#ffadd2;
$magenta-4:#ff85c0;
$magenta-5:#f759ab;
$magenta-6:#eb2f96;
$magenta-7:#c41d7f;
$magenta-8:#9e1068;
$magenta-9:#780650;
$magenta-10:#520339;

Readme

Keywords

none

Package Sidebar

Install

npm i ant-color-converter

Weekly Downloads

0

Version

1.0.0

License

ISC

Unpacked Size

4.1 kB

Total Files

3

Last publish

Collaborators

  • bryanadamss