{"id":15577252,"url":"https://github.com/hschne/tints-n-shades","last_synced_at":"2025-04-24T02:13:12.049Z","repository":{"id":226242768,"uuid":"768140504","full_name":"hschne/tints-n-shades","owner":"hschne","description":"The tints \u0026 shades generator for CLI lovers 🌈","archived":false,"fork":false,"pushed_at":"2024-03-25T11:34:23.000Z","size":17178,"stargazers_count":10,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-24T02:13:03.092Z","etag":null,"topics":["cli","css","ruby","sass","tailwind","thor"],"latest_commit_sha":null,"homepage":"http://www.hansschnedlitz.com/tints-n-shades/","language":"Ruby","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/hschne.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-06T14:43:54.000Z","updated_at":"2025-02-18T16:48:00.000Z","dependencies_parsed_at":"2024-03-25T12:43:18.736Z","dependency_job_id":null,"html_url":"https://github.com/hschne/tints-n-shades","commit_stats":null,"previous_names":["hschne/tints-n-shades"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hschne%2Ftints-n-shades","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hschne%2Ftints-n-shades/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hschne%2Ftints-n-shades/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hschne%2Ftints-n-shades/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hschne","download_url":"https://codeload.github.com/hschne/tints-n-shades/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250546092,"owners_count":21448262,"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":["cli","css","ruby","sass","tailwind","thor"],"created_at":"2024-10-02T19:00:58.583Z","updated_at":"2025-04-24T02:13:12.027Z","avatar_url":"https://github.com/hschne.png","language":"Ruby","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n\u003cimg alt=\"logo\" src=\"assets/logo.webp\" width=\"300px\" height=\"auto\"\u003e\n\n### The tints \u0026 shades generator for CLI lovers 🩶\n\n\u003c/div\u003e\n\n## Usage\n\nInstall the Tints 'N Shades (TNS) gem.\n\n```bash\ngem install tints-n-shades\n```\n\nRun `tns generate` (or the short variant, `tns g`) with any color to generate tints and shades in hex format.\n\n```text\ntns g #ff7d00\n--primary-100: #ffe5cc;\n--primary-200: #ffcb99;\n--primary-300: #ffb166;\n--primary-400: #ff9733;\n--primary-500: #ff7d00;\n--primary-600: #cc6400;\n--primary-700: #994b00;\n--primary-800: #663200;\n--primary-900: #331900;\n```\n\n### Color Formats\n\nTNS supports outputs in Hex, HSL, and RGB formats using the `--color-format` / `-c` argument.\n\n```text\ntns g #ff7d00 -c hex\n--primary-100: #ffe5cc;\n--primary-200: #ffcb99;\n...\n```\n\n```text\ntns g #ff7d00 --color-format hsl\n--primary-100: hsl(29 100 90);\n--primary-200: hsl(29 100 80);\n...\n```\n\n```text\ntns g #ff7d00 --color-format rgb\n--primary-100: rgb(255 229 204);\n--primary-200: rgb(255 203 153);\n...\n```\n\n### Output Formats\n\nTNS supports outputting color palettes as CSS variables, SCSS variables, or Tailwind configuration.\n\n```text\ntns g #ff7d00 -o css\n--primary-100: #ffe5cc;\n--primary-200: #ffcb99;\n...\n```\n\n```text\ntns g #ff7d00 -o sass\n$primary-100: #ffe5cc;\n$primary-200: #ffcb99;\n...\n```\n\n```text\ntns g #ff7d00 -o tailwind\n{\n  \"primary\": {\n    \"100\": \"#ffe5cc\",\n    \"200\": \"#ffcb99\",\n    ...\n  }\n}\n...\n```\n\n### Others\n\nTo change the name of your color, use the `--name` / `-n` argument. For additional configuration options, see\n\n```text\ntns help generate\n```\n\n## Why another Color generator? \n\nWhile numerous palette, tint, and shade generators exist, none fit my use case. That is, taking colors from some palette (e.g. [coolors](https://coolors.co/)) and generating complete CSS/SASS variables in various formats. \n\nSome tools will only output Hex variables, others support only Tailwind, etc. I was looking for more customization and greater flexibility. \n\nAlso, none work on the command line! It's all in the browser, and we just can't have that.\n\n## Credit\n\nThis project was primarily inspired by [maketintsandshades.com](https://maketintsandshades.com/) and [tints.dev](https://www.tints.dev/). The starting point code-wise was the [color gem](https://github.com/halostatue/color). The RGB to HSL conversion algorithm is based on [this Stackoverflow answer](https://stackoverflow.com/a/39147465)\n\n## Contributing\n\nThank you for contributing! :heart:\n\nPlease use [GitHub issues](https://github.com/hschne/mr-loga-loga/issues) to submit bugs or feature requests.\n\n### Compiling to WASM\n\nTNS runs in the browser. To compile to Wasm using [ruby.wasm](https://github.com/ruby/ruby.wasm) run: \n\n```\nBUNDLE_GEMFILE=Gemfile-web bundle exec rbwasm build -o site/ruby-web.wasm\n```\n\n## License\n\nThe gem is available as open-source under the terms of the [MIT License](https://opensource.org/licenses/MIT).\n\n## Code of Conduct\n\nEveryone interacting in the Tints 'N Shades project's codebases, issue trackers, chat rooms, and mailing lists is expected to follow the [code of conduct](https://github.com/hschne/tints-n-shades/blob/master/CODE_OF_CONDUCT.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhschne%2Ftints-n-shades","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhschne%2Ftints-n-shades","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhschne%2Ftints-n-shades/lists"}