{"id":17480377,"url":"https://github.com/litomore/ink-color-pipe","last_synced_at":"2026-03-09T04:33:04.989Z","repository":{"id":57274063,"uuid":"174561981","full_name":"LitoMore/ink-color-pipe","owner":"LitoMore","description":"🌈 Create color text with simpler style strings in Ink","archived":false,"fork":false,"pushed_at":"2025-03-24T18:11:12.000Z","size":55,"stargazers_count":23,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-21T06:08:21.108Z","etag":null,"topics":["chalk","chalk-pipe","color","ink","ink-color-pipe","ink-component"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LitoMore.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":"LitoMore","patreon":"LitoMore"}},"created_at":"2019-03-08T15:31:46.000Z","updated_at":"2025-04-20T10:37:35.000Z","dependencies_parsed_at":"2023-01-22T20:00:38.833Z","dependency_job_id":null,"html_url":"https://github.com/LitoMore/ink-color-pipe","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LitoMore%2Fink-color-pipe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LitoMore%2Fink-color-pipe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LitoMore%2Fink-color-pipe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LitoMore%2Fink-color-pipe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LitoMore","download_url":"https://codeload.github.com/LitoMore/ink-color-pipe/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250308282,"owners_count":21409234,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chalk","chalk-pipe","color","ink","ink-color-pipe","ink-component"],"created_at":"2024-10-18T21:43:44.633Z","updated_at":"2026-03-09T04:33:04.920Z","avatar_url":"https://github.com/LitoMore.png","language":"TypeScript","funding_links":["https://github.com/sponsors/LitoMore","https://patreon.com/LitoMore"],"categories":[],"sub_categories":[],"readme":"# ink-color-pipe\n\n\u003e [chalk-pipe](https://github.com/LitoMore/chalk-pipe) component for [Ink 5](https://github.com/vadimdemedes/ink)\n\nCreate color text with simpler style strings in Ink\n\n![](https://raw.githubusercontent.com/LitoMore/ink-color-pipe/master/screenshot.svg?sanitize=true)\n\n## Install\n\n```bash\n$ npm i ink-color-pipe\n```\n\n## Usage\n\nThis brings you a convenient way to use some color schemes.\n\n\u003cimg src=\"https://raw.githubusercontent.com/LitoMore/ink-color-pipe/master/media/demo.jpg\" width=\"105px\"/\u003e\n\n```javascript\nimport React from \"react\";\nimport { render, Text } from \"ink\";\nimport Color from \"ink-color-pipe\";\n\nconst link = \"blue.underline\";\nconst error = \"bgRed.white\";\n\nrender(\n\t\u003cText\u003e\n\t\t\u003cColor styles={link}\u003eUnicorn\u003c/Color\u003e\n\t\t\u003cColor styles={error}\u003e{\" Error \"}\u003c/Color\u003e\n\t\u003c/Text\u003e,\n);\n```\n\n## Built-in Chalk\n\nAll Chalk and `chalk-pipe` exported functions, variables, and declarations are exposed for convenience.\n\nThis can be useful if you want to use `chalk` directly.\n\n```js\nimport { Chalk, chalk, chalkPipe } from \"ink-color-pipe\";\n\nconst customChalk = new Chalk({ level: 0 });\n\nconsole.log(chalk.blue(\"Hello\"));\nconsole.log(customChalk.green(\"World\"));\n\nconsole.log(chalkPipe(\"blue.bgGreen.italic\")(\"Hello World\"));\n```\n\n## API\n\n### `\u003cColor\u003e`\n\n`\u003cColor\u003e` is using [`\u003cTransform\u003e`](https://github.com/vadimdemedes/ink#transform) for text rendering.\n\n#### styles\n\nType: `string`\n\nUse dot `.` to separeate multiple styles.\n\n## Valid Styles\n\n- [Modifiers](https://github.com/chalk/chalk#modifiers)\n- [Colors](https://github.com/chalk/chalk#colors)\n- [Background colors](https://github.com/chalk/chalk#background-colors)\n- [Hex triplet](https://en.wikipedia.org/wiki/Web_colors#Hex_triplet)\n- [CSS keywords](https://www.w3.org/wiki/CSS/Properties/color/keywords)\n\n## Related\n\n- [chalk-pipe](https://github.com/LitoMore/chalk-pipe) - Create chalk style schemes with simpler style strings\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flitomore%2Fink-color-pipe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flitomore%2Fink-color-pipe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flitomore%2Fink-color-pipe/lists"}