{"id":16014417,"url":"https://github.com/devmattrick/postcss-color-5","last_synced_at":"2026-02-24T18:31:53.270Z","repository":{"id":75984460,"uuid":"337177180","full_name":"devmattrick/postcss-color-5","owner":"devmattrick","description":"[WIP] PostCSS plugin to add support for CSS Color Module Level 5 (color-mix, color-contrast, color-adjust).","archived":false,"fork":false,"pushed_at":"2021-02-09T06:37:35.000Z","size":74,"stargazers_count":1,"open_issues_count":5,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-02-13T17:52:37.444Z","etag":null,"topics":["5","color","color-adjust","color-contrast","color-mix","css","module","postcss","postcss-plugin"],"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/devmattrick.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,"publiccode":null,"codemeta":null}},"created_at":"2021-02-08T18:53:08.000Z","updated_at":"2024-12-04T23:44:49.000Z","dependencies_parsed_at":null,"dependency_job_id":"4c5b00e4-2d15-4aa7-a78c-a1dfb40f59b1","html_url":"https://github.com/devmattrick/postcss-color-5","commit_stats":{"total_commits":3,"total_committers":1,"mean_commits":3.0,"dds":0.0,"last_synced_commit":"381cceeb7ce47f001a60d7d67ba71ac94b082bc8"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devmattrick%2Fpostcss-color-5","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devmattrick%2Fpostcss-color-5/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devmattrick%2Fpostcss-color-5/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devmattrick%2Fpostcss-color-5/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devmattrick","download_url":"https://codeload.github.com/devmattrick/postcss-color-5/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247675599,"owners_count":20977378,"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":["5","color","color-adjust","color-contrast","color-mix","css","module","postcss","postcss-plugin"],"created_at":"2024-10-08T15:02:26.378Z","updated_at":"2025-10-27T13:33:15.665Z","avatar_url":"https://github.com/devmattrick.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# PostCSS Color 5\n\n[PostCSS] plugin to add support for [CSS Color Module Level 5] (color-mix, color-contrast, color-adjust).\n\n[PostCSS]: https://github.com/postcss/postcss\n[CSS Color Module Level 5]: https://drafts.csswg.org/css-color-5/\n\n```css\n.foo {\n  /* TODO */\n}\n```\n\n```css\n.foo {\n  /* Output example */\n}\n```\n\n## Compatibility Notice\nThis plugin currently tracks the [editor's draft] of CSS Color Module Level 5, which is still in a state of uncertainty.\nThis means that a lot of the syntax may change. This plugin follows semver and will not break existing setups, but just\nbe aware that the CSS you write now may not be standard when the draft is actually accepted! It also may break between\nmajor versions of postcss-color-5.\n\n[editor's draft]: https://drafts.csswg.org/css-color-5/\n\n## Usage\n\n**Step 1:** Install plugin:\n\n```sh\nnpm install --save-dev postcss postcss-color-5\n```\n\n**Step 2:** Check you project for existing PostCSS config: `postcss.config.js`\nin the project root, `\"postcss\"` section in `package.json`\nor `postcss` in bundle config.\n\nIf you do not use PostCSS, add it according to [official docs]\nand set this plugin in settings.\n\n**Step 3:** Add the plugin to plugins list:\n\n```diff\nmodule.exports = {\n  plugins: [\n+   require('postcss-color-5'),\n    require('autoprefixer')\n  ]\n}\n```\n\n[official docs]: https://github.com/postcss/postcss#usage\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevmattrick%2Fpostcss-color-5","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevmattrick%2Fpostcss-color-5","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevmattrick%2Fpostcss-color-5/lists"}