commit b893401b83bc91d735bbdd7fbda8bf5d64ab192d Author: Kyle Fang Date: Tue Feb 4 17:49:31 2020 +0800 init commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..3c3629e --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules diff --git a/colors.js b/colors.js new file mode 100644 index 0000000..0ffabe5 --- /dev/null +++ b/colors.js @@ -0,0 +1,119 @@ +const colors = { + black: '#000', + white: '#fff', + + gray: { + 100: '#f7fafc', + 200: '#edf2f7', + 300: '#e2e8f0', + 400: '#cbd5e0', + 500: '#a0aec0', + 600: '#718096', + 700: '#4a5568', + 800: '#2d3748', + 900: '#1a202c', + }, + red: { + 100: '#fff5f5', + 200: '#fed7d7', + 300: '#feb2b2', + 400: '#fc8181', + 500: '#f56565', + 600: '#e53e3e', + 700: '#c53030', + 800: '#9b2c2c', + 900: '#742a2a', + }, + orange: { + 100: '#fffaf0', + 200: '#feebc8', + 300: '#fbd38d', + 400: '#f6ad55', + 500: '#ed8936', + 600: '#dd6b20', + 700: '#c05621', + 800: '#9c4221', + 900: '#7b341e', + }, + yellow: { + 100: '#fffff0', + 200: '#fefcbf', + 300: '#faf089', + 400: '#f6e05e', + 500: '#ecc94b', + 600: '#d69e2e', + 700: '#b7791f', + 800: '#975a16', + 900: '#744210', + }, + green: { + 100: '#f0fff4', + 200: '#c6f6d5', + 300: '#9ae6b4', + 400: '#68d391', + 500: '#48bb78', + 600: '#38a169', + 700: '#2f855a', + 800: '#276749', + 900: '#22543d', + }, + teal: { + 100: '#e6fffa', + 200: '#b2f5ea', + 300: '#81e6d9', + 400: '#4fd1c5', + 500: '#38b2ac', + 600: '#319795', + 700: '#2c7a7b', + 800: '#285e61', + 900: '#234e52', + }, + blue: { + 100: '#ebf8ff', + 200: '#bee3f8', + 300: '#90cdf4', + 400: '#63b3ed', + 500: '#4299e1', + 600: '#3182ce', + 700: '#2b6cb0', + 800: '#2c5282', + 900: '#2a4365', + }, + indigo: { + 100: '#ebf4ff', + 200: '#c3dafe', + 300: '#a3bffa', + 400: '#7f9cf5', + 500: '#667eea', + 600: '#5a67d8', + 700: '#4c51bf', + 800: '#434190', + 900: '#3c366b', + }, + purple: { + 100: '#faf5ff', + 200: '#e9d8fd', + 300: '#d6bcfa', + 400: '#b794f4', + 500: '#9f7aea', + 600: '#805ad5', + 700: '#6b46c1', + 800: '#553c9a', + 900: '#44337a', + }, + pink: { + 100: '#fff5f7', + 200: '#fed7e2', + 300: '#fbb6ce', + 400: '#f687b3', + 500: '#ed64a6', + 600: '#d53f8c', + 700: '#b83280', + 800: '#97266d', + 900: '#702459', + }, +}; + +module.exports = { + colors, +}; diff --git a/index.js b/index.js new file mode 100644 index 0000000..c629d7b --- /dev/null +++ b/index.js @@ -0,0 +1,18 @@ +const {colors} = require('./colors'); + +const flattenedColor = {}; + +for (let colorsKey in colors) { + if (typeof colors[colorsKey] === "string") { + flattenedColor[colorsKey] = colors[colorsKey] + } else { + for (let nestedKey in colors[colorsKey]) { + flattenedColor[`${colorsKey}-${nestedKey}`] = colors[colorsKey][nestedKey]; + } + } +} + +const nearestColor = require('nearest-color').from(flattenedColor); + +console.log(nearestColor('#F2F2F2')); + diff --git a/package.json b/package.json new file mode 100644 index 0000000..8f9c9ec --- /dev/null +++ b/package.json @@ -0,0 +1,9 @@ +{ + "name": "nearest-tailwind-color", + "version": "1.0.0", + "main": "index.js", + "license": "MIT", + "dependencies": { + "nearest-color": "^0.4.4" + } +} diff --git a/yarn.lock b/yarn.lock new file mode 100644 index 0000000..e9a7500 --- /dev/null +++ b/yarn.lock @@ -0,0 +1,8 @@ +# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. +# yarn lockfile v1 + + +nearest-color@^0.4.4: + version "0.4.4" + resolved "https://registry.yarnpkg.com/nearest-color/-/nearest-color-0.4.4.tgz#fb812072b511f4f09a0a316903332e09fa5d7f1d" + integrity sha512-orhcaIORC10tf41Ld2wwlcC+FaAavHG87JHWB3eHH5p7v2k9Tzym2XNEZzLAm5YJwGv6Q38WWc7SOb+Qfu/4NQ==