A color management syncing system
npm install --save-dev @helpscout/colorway
Run the colorway command with the manifest you wish to sync, example:
colorway --manifest=hsds-react
For a more automated/magical feed, we recommend you add this as a prestart or prebuild command in your package.json:
{
...
"colorway": "colorway --manifest=hsds-react",
"prestart": "colorway",
...
}
Run the colorway command with find or closest as argument to:
Find will retrieve the HEX color code for a given color name. It will only use the HSDS-react manifest
colorway find blue.500
// blue.500: #1292EE
Closest will find the color name from our palette that is the nearest from a given HEX code. It will only use the HSDS-react manifest
colorway closest #005500
// green.900: #23633e
Check out our documentation to see how you can use and integrate Colorway into your Application/project.
| Application / Project | Status |
|---|---|
| doc-article-styles | Integrated |
| hsds-react | Integrated |
| search-autocomplete | Integrated |
| seed | Integrated |
| hs-app | Integrated |
| beacon2 | Integrated |
| developer | -- |
| styleguide | -- |