{"id":13826578,"url":"https://github.com/tylergaw/colorme","last_synced_at":"2025-07-09T16:37:53.050Z","repository":{"id":54524250,"uuid":"77732365","full_name":"tylergaw/colorme","owner":"tylergaw","description":"Visualize CSS Color Functions?","archived":false,"fork":false,"pushed_at":"2021-02-12T23:45:17.000Z","size":356,"stargazers_count":316,"open_issues_count":2,"forks_count":14,"subscribers_count":9,"default_branch":"main","last_synced_at":"2025-04-06T10:09:18.932Z","etag":null,"topics":["color","create-react-app","css"],"latest_commit_sha":null,"homepage":"https://colorme.io","language":"JavaScript","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/tylergaw.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-12-31T08:38:12.000Z","updated_at":"2025-03-23T06:37:32.000Z","dependencies_parsed_at":"2022-08-13T18:40:16.919Z","dependency_job_id":null,"html_url":"https://github.com/tylergaw/colorme","commit_stats":null,"previous_names":[],"tags_count":43,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tylergaw%2Fcolorme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tylergaw%2Fcolorme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tylergaw%2Fcolorme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tylergaw%2Fcolorme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tylergaw","download_url":"https://codeload.github.com/tylergaw/colorme/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248161266,"owners_count":21057554,"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":["color","create-react-app","css"],"created_at":"2024-08-04T09:01:40.590Z","updated_at":"2025-04-10T04:59:25.847Z","avatar_url":"https://github.com/tylergaw.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"[![](https://cl.ly/2c2O2411152S/colorme.png)](https://colorme.io)\n\n# [ColorMe](https://colorme.io) [![Netlify Status](https://api.netlify.com/api/v1/badges/ca96f746-a437-420e-ac37-f6d8f542b974/deploy-status)](https://app.netlify.com/sites/colorme-io/deploys)\n\n**⚠️ NOTE:** the CSS color function used for this originally is deprecated. As of 2020-10 new color modification specs are available. See [issues/18](https://github.com/tylergaw/colorme/issues/18).\n\n## Contributing\n\nColorMe.io is built using [Create React App](https://github.com/facebookincubator/create-react-app).\n\n- Production: [https://colorme.io](https://colorme.io)\n- Netlify URL: [https://colorme-io.netlify.app](https://colorme-io.netlify.app)\n- Staging: Every pull request gets a preview deploy URL. Check the PR or Netlify for it.\n- Figma: [figma.com/file/ozkzjty2burMmcntXoyHJx/colorme](https://www.figma.com/file/ozkzjty2burMmcntXoyHJx/colorme)\n\n### Running the project locally\n\n```\nyarn\n```\n\nStart site in development mode\n\n```\nyarn start\n```\n\nOpen [http://localhost:3000](http://localhost:3000) to view it in a browser.\n\n### Pull requests always welcome\n\nIf you find a bug or have an idea, feel free to open a pull request. Tests for new code are encouraged. Existing tests must pass before pull requests will be accepted`\n\n```\nyarn test\n```\n\n## Building\n\n```\nyarn build\n```\n\nRuns a modified version of CRA build process.\n\n- First it builds the project for production like normal.\n- Once that completes it runs `yarn generate-sw` which executes `scripts/generate-sw.js`.\n- That script locates the static assets in `build/asset-manifest.js` and writes them to the `STATIC_URLS` in `build/service-worker.js`. This allows us to cache the static assets with fingerprinted filenames.\n\n## Deploying\n\n### To Production\n\nWe host this site on [Netlify](https://www.netlify.com/). Anything merged into the `main` branch is deployed to production.\n\n### To Staging\n\nWe use Netlify preview builds. To see any branch in a live environment, push the branch to the remote and open a pull request.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftylergaw%2Fcolorme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftylergaw%2Fcolorme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftylergaw%2Fcolorme/lists"}