{"id":16440046,"url":"https://github.com/zhuowenli/postcss-palette-tool","last_synced_at":"2025-10-27T03:31:10.258Z","repository":{"id":57328255,"uuid":"218989957","full_name":"zhuowenli/postcss-palette-tool","owner":"zhuowenli","description":"🎨 PostCSS plugin to mixin monochromatic colors scheme.","archived":false,"fork":false,"pushed_at":"2019-11-05T03:20:21.000Z","size":100,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2023-11-26T03:42:42.932Z","etag":null,"topics":["color","color-scheme","palette-colors","postcss-plugin"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zhuowenli.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-11-01T13:24:58.000Z","updated_at":"2021-09-10T11:43:45.000Z","dependencies_parsed_at":"2022-09-18T17:01:07.109Z","dependency_job_id":null,"html_url":"https://github.com/zhuowenli/postcss-palette-tool","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhuowenli%2Fpostcss-palette-tool","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhuowenli%2Fpostcss-palette-tool/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhuowenli%2Fpostcss-palette-tool/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhuowenli%2Fpostcss-palette-tool/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zhuowenli","download_url":"https://codeload.github.com/zhuowenli/postcss-palette-tool/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219861939,"owners_count":16555980,"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","color-scheme","palette-colors","postcss-plugin"],"created_at":"2024-10-11T09:11:03.795Z","updated_at":"2025-10-27T03:31:04.940Z","avatar_url":"https://github.com/zhuowenli.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch3 align=\"center\"\u003epostcss-palette-tool\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\n    \u003ca target=\"_blank\" href=\"https://www.npmjs.com/package/postcss-palette-tool\" title=\"Npm\"\u003e\n        \u003cimg src=\"https://img.shields.io/npm/v/postcss-palette-tool\" alt=\"\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n\u003e 🎨 [PostCSS](https://github.com/postcss/postcss) plugin to mixin monochromatic colors scheme\n\nColor palettes calculator of [Ant Design](https://ant.design/docs/spec/colors).\n\n## Install\n\n```\nnpm install --dev postcss-palette-tool\n```\n\n## Usage\n\nAdd to `postcss.config.js`:\n\n```js\nmodule.exports = {\n    plugins: [\n        require('postcss-palette-tool'),\n    ],\n};\n```\n\nThis plugin can mix a color based on a variable and then output a new color.\n\nbefore:\n\n```css\nbody {\n    color: palette(#d92424, 1);\n    background: palette(#24acd9, 8) radial-gradient(palette(#24acd9, 9), #ffffff);\n}\n```\n\nafter:\n\n```css\nbody {\n    color: #fff2f0;\n    background: #0a638c radial-gradient(#024366, #ffffff);\n}\n```\n\n## Options\n\n| var     | desc      | required |\n| ------- | --------- | -------- |\n| color   | css color | ✔️ |\n| level   | 1 - 10 (6 is default color) | ✔️ |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhuowenli%2Fpostcss-palette-tool","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzhuowenli%2Fpostcss-palette-tool","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhuowenli%2Fpostcss-palette-tool/lists"}