{"id":22489781,"url":"https://github.com/unjs/theme-colors","last_synced_at":"2025-10-19T02:51:58.386Z","repository":{"id":37032771,"uuid":"298812432","full_name":"unjs/theme-colors","owner":"unjs","description":"🎨  Easily generate color shades for themes","archived":false,"fork":false,"pushed_at":"2024-04-11T19:28:04.000Z","size":256,"stargazers_count":189,"open_issues_count":6,"forks_count":6,"subscribers_count":4,"default_branch":"main","last_synced_at":"2024-04-12T00:21:00.047Z","etag":null,"topics":["colors","shades","tailwind","tailwindcss","theme"],"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/unjs.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2020-09-26T12:45:57.000Z","updated_at":"2024-04-15T02:29:09.622Z","dependencies_parsed_at":"2023-02-09T21:30:53.465Z","dependency_job_id":"183c8881-5d24-4de8-a3fe-c3a53a77f889","html_url":"https://github.com/unjs/theme-colors","commit_stats":{"total_commits":17,"total_committers":3,"mean_commits":5.666666666666667,"dds":"0.11764705882352944","last_synced_commit":"1a1b1b5b9003656664d8b83b8b30c64fd911e511"},"previous_names":["nuxt-contrib/theme-colors"],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unjs%2Ftheme-colors","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unjs%2Ftheme-colors/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unjs%2Ftheme-colors/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unjs%2Ftheme-colors/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/unjs","download_url":"https://codeload.github.com/unjs/theme-colors/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228500474,"owners_count":17930075,"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":["colors","shades","tailwind","tailwindcss","theme"],"created_at":"2024-12-06T17:20:42.473Z","updated_at":"2025-10-19T02:51:58.310Z","avatar_url":"https://github.com/unjs.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# theme-colors\n\n[![npm version][npm-version-src]][npm-version-href]\n[![npm downloads][npm-downloads-src]][npm-downloads-href]\n[![bundle][bundle-src]][bundle-href]\n[![Codecov][codecov-src]][codecov-href]\n\nEasily generate color shades for themes\n\n## Usage\n\nInstall package:\n\n```sh\n# npm\nnpm install theme-colors\n\n# yarn\nyarn add theme-colors\n\n# pnpm\npnpm install theme-colors\n\n# bun\nbun install theme-colors\n```\n\nImport:\n\n```js\n// ESM\nimport { getColors } from \"theme-colors\";\n\n// CommonJS\nconst { getColors } = require(\"theme-colors\");\n\nconst theme = getColors(\"#ABABAB\");\n// Or using RGB\nconst theme = getColors(\"172,172,172\");\n```\n\nThis will generate the following shades:\n\n```js\n{\n  50: '#FBFBFB',\n  100: '#F7F7F7',\n  200: '#EAEAEA',\n  300: '#DDDDDD',\n  400: '#C4C4C4',\n  500: '#ABABAB',\n  600: '#9A9A9A',\n  700: '#676767',\n  800: '#4D4D4D',\n  900: '#333333',\n  950: '#222222',\n}\n```\n\n## Development\n\n- Clone this repository\n- Install latest LTS version of [Node.js](https://nodejs.org/en/)\n- Enable [Corepack](https://github.com/nodejs/corepack) using `corepack enable`\n- Install dependencies using `pnpm install`\n- Run interactive tests using `pnpm dev`\n\n## License\n\nInspired by [javisperez/tailwindcolorshades](https://github.com/javisperez/tailwindcolorshades)\n\nMade with 💛\n\nPublished under [MIT License](./LICENSE).\n\n\u003c!-- Badges --\u003e\n\n[npm-version-src]: https://img.shields.io/npm/v/theme-colors?style=flat\u0026colorA=18181B\u0026colorB=F0DB4F\n[npm-version-href]: https://npmjs.com/package/theme-colors\n[npm-downloads-src]: https://img.shields.io/npm/dm/theme-colors?style=flat\u0026colorA=18181B\u0026colorB=F0DB4F\n[npm-downloads-href]: https://npmjs.com/package/theme-colors\n[codecov-src]: https://img.shields.io/codecov/c/gh/unjs/theme-colors/main?style=flat\u0026colorA=18181B\u0026colorB=F0DB4F\n[codecov-href]: https://codecov.io/gh/unjs/theme-colors\n[bundle-src]: https://img.shields.io/bundlephobia/minzip/theme-colors?style=flat\u0026colorA=18181B\u0026colorB=F0DB4F\n[bundle-href]: https://bundlephobia.com/result?p=theme-colors\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funjs%2Ftheme-colors","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Funjs%2Ftheme-colors","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funjs%2Ftheme-colors/lists"}