{"id":13397457,"url":"https://github.com/mrmrs/colors","last_synced_at":"2025-05-13T16:08:09.218Z","repository":{"id":40321237,"uuid":"10731382","full_name":"mrmrs/colors","owner":"mrmrs","description":"Smarter defaults for colors on the web.","archived":false,"fork":false,"pushed_at":"2023-07-20T09:56:41.000Z","size":959,"stargazers_count":9307,"open_issues_count":23,"forks_count":523,"subscribers_count":195,"default_branch":"main","last_synced_at":"2024-10-29T11:45:15.530Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://clrs.cc","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mrmrs.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,"governance":null}},"created_at":"2013-06-17T06:31:51.000Z","updated_at":"2024-10-28T16:46:51.000Z","dependencies_parsed_at":"2022-06-29T08:19:13.093Z","dependency_job_id":"f26ad016-3db6-4681-83e2-824d083557dd","html_url":"https://github.com/mrmrs/colors","commit_stats":{"total_commits":151,"total_committers":21,"mean_commits":7.190476190476191,"dds":"0.23841059602649006","last_synced_commit":"5da3127136d5206afb861dfa838f7711cb90a0ff"},"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrmrs%2Fcolors","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrmrs%2Fcolors/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrmrs%2Fcolors/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrmrs%2Fcolors/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mrmrs","download_url":"https://codeload.github.com/mrmrs/colors/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250513380,"owners_count":21443200,"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":[],"created_at":"2024-07-30T18:01:25.055Z","updated_at":"2025-04-23T20:45:44.846Z","avatar_url":"https://github.com/mrmrs.png","language":"CSS","readme":"# [colors.css 3.0.0](http://clrs.cc/)\n\n\nBetter default colors for the web. A collection of skin classes for faster prototyping and nicer looking sites.\n\n[Customize your own defaults here.](https://components.ai/theme/DIgsnuGL20I1ZwsNP3YY)\n\n#### Stats\n\n903 | 85 | 85\n---|---|---\nbytes | selectors | declarations\n\n## Installation\n\n#### With [npm](https://npmjs.com)\n\n```\nnpm install --save-dev colors.css\n```\n\n#### With Git\n\n```\ngit clone https://github.com/tachyons-css/colors.css\n```\n\n## Usage\n\n#### Using with [PostCSS](https://github.com/postcss/postcss)\n\nImport the css module\n\n```css\n@import \"colors.css\";\n```\n\nThen process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)\n\n```sh\n$ npm i -g tachyons-cli\n$ tachyons-cli path/to/css-file.css \u003e dist/t.css\n```\n\n#### Using the CSS\n\nThe built CSS is located in the `css` directory. It contains an unminified and minified version.\nYou can either cut and paste that css or link to it directly in your html.\n\n```html\n\u003clink rel=\"stylesheet\" href=\"path/to/module/css/colors.css\"\u003e\n```\n\n#### Development\n\nThe source CSS files can be found in the `src` directory.\nRunning `$ npm start` will process the source CSS and place the built CSS in the `css` directory.\n\n## The CSS\n\n```css\n/*\n\n  COLORS\n  Better default colors for the web\n\n*/\n/* \n\n   VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n/*\n\n   SKINS\n   - Backgrounds\n   - Colors\n   - Border colors\n   - SVG fills\n   - SVG Strokes\n\n*/\n/* Backgrounds */\n.bg-navy { background-color: #001F3F; }\n.bg-blue { background-color: #0074D9; }\n.bg-aqua { background-color: #7FDBFF; }\n.bg-teal { background-color: #39CCCC; }\n.bg-olive { background-color: #3D9970; }\n.bg-green { background-color: #2ECC40; }\n.bg-lime { background-color: #01FF70; }\n.bg-yellow { background-color: #FFDC00; }\n.bg-orange { background-color: #FF851B; }\n.bg-red { background-color: #FF4136; }\n.bg-fuchsia { background-color: #F012BE; }\n.bg-purple { background-color: #B10DC9; }\n.bg-maroon { background-color: #85144B; }\n.bg-white { background-color: #FFFFFF; }\n.bg-gray { background-color: #AAAAAA; }\n.bg-silver { background-color: #DDDDDD; }\n.bg-black { background-color: #111111; }\n/* Colors */\n.navy { color: #001F3F; }\n.blue { color: #0074D9; }\n.aqua { color: #7FDBFF; }\n.teal { color: #39CCCC; }\n.olive { color: #3D9970; }\n.green { color: #2ECC40; }\n.lime { color: #01FF70; }\n.yellow { color: #FFDC00; }\n.orange { color: #FF851B; }\n.red { color: #FF4136; }\n.fuchsia { color: #F012BE; }\n.purple { color: #B10DC9; }\n.maroon { color: #85144B; }\n.white { color: #FFFFFF; }\n.silver { color: #DDDDDD; }\n.gray { color: #AAAAAA; }\n.black { color: #111111; }\n/* Border colors \n\n   Use with another border utility that sets border-width and style \n   i.e .border { border-width: 1px); border-style: solid); }     \n*/\n.border--navy { border-color: #001F3F; }\n.border--blue { border-color: #0074D9; }\n.border--aqua { border-color: #7FDBFF; }\n.border--teal { border-color: #39CCCC; }\n.border--olive { border-color: #3D9970; }\n.border--green { border-color: #2ECC40; }\n.border--lime { border-color: #01FF70; }\n.border--yellow { border-color: #FFDC00; }\n.border--orange { border-color: #FF851B; }\n.border--red { border-color: #FF4136; }\n.border--fuchsia { border-color: #F012BE; }\n.border--purple { border-color: #B10DC9; }\n.border--maroon { border-color: #85144B; }\n.border--white { border-color: #FFFFFF; }\n.border--gray { border-color: #AAAAAA; }\n.border--silver { border-color: #DDDDDD; }\n.border--black { border-color: #111111; }\n/* Fills for SVG */\n.fill-navy { fill: #001F3F; }\n.fill-blue { fill: #0074D9; }\n.fill-aqua { fill: #7FDBFF; }\n.fill-teal { fill: #39CCCC; }\n.fill-olive { fill: #3D9970; }\n.fill-green { fill: #2ECC40; }\n.fill-lime { fill: #01FF70; }\n.fill-yellow { fill: #FFDC00; }\n.fill-orange { fill: #FF851B; }\n.fill-red { fill: #FF4136; }\n.fill-fuchsia { fill: #F012BE; }\n.fill-purple { fill: #B10DC9; }\n.fill-maroon { fill: #85144B; }\n.fill-white { fill: #FFFFFF; }\n.fill-gray { fill: #AAAAAA; }\n.fill-silver { fill: #DDDDDD; }\n.fill-black { fill: #111111; }\n/* Strokes for SVG */\n.stroke-navy { stroke: #001F3F; }\n.stroke-blue { stroke: #0074D9; }\n.stroke-aqua { stroke: #7FDBFF; }\n.stroke-teal { stroke: #39CCCC; }\n.stroke-olive { stroke: #3D9970; }\n.stroke-green { stroke: #2ECC40; }\n.stroke-lime { stroke: #01FF70; }\n.stroke-yellow { stroke: #FFDC00; }\n.stroke-orange { stroke: #FF851B; }\n.stroke-red { stroke: #FF4136; }\n.stroke-fuchsia { stroke: #F012BE; }\n.stroke-purple { stroke: #B10DC9; }\n.stroke-maroon { stroke: #85144B; }\n.stroke-white { stroke: #FFFFFF; }\n.stroke-gray { stroke: #AAAAAA; }\n.stroke-silver { stroke: #DDDDDD; }\n.stroke-black { stroke: #111111; }\n```\n\n### More Open Source Color Systems\n\n- [LCH - Natural](https://components.ai/theme/LSFBhQYkSnSDqZ1qzJjN)\n- [LCH - B-Spline](https://components.ai/theme/eVFeV340xXtXCv4Ne3Wx)\n- [LCH - Linear](https://components.ai/theme/XIM7Jo6uxkBEgnfbqrxK)\n- [LCH - Monotone](https://components.ai/theme/5t1N11PUhqqsxmLudFpY)\n- [LAB - Natural](https://components.ai/theme/A2zudJ4qzc4bLoUVBAZ3)\n- [LAB - B-Spline](https://components.ai/theme/N9DlRkNZZagzZJTDi4Wr)\n- [LAB - Linear](https://components.ai/theme/Jg0GRCvBLm6RbjeOCzLs)\n- [LAB - Monotone](https://components.ai/theme/LZ23GsXttzH7Q3Y0OIHM)\n- [RGB - Natural](https://components.ai/theme/K4C98oSFrgkCLOoQhXbJ)\n- [RGB - B-Spline](https://components.ai/theme/IDL04FzjDpCEOg5NiW6i)\n- [RGB - Linear](https://components.ai/theme/eab3gpmHglpIYDIUEYcl)\n- [RGB - Monotone](https://components.ai/theme/3RD5FJ1wOaGAjmV2WE2j)\n\n\n\n## Contributing\n\n1. Fork it\n2. Create your feature branch (`git checkout -b my-new-feature`)\n3. Commit your changes (`git commit -am 'Add some feature'`)\n4. Push to the branch (`git push origin my-new-feature`)\n5. Create new Pull Request\n\n## Authors\n\n* [mrmrs](http://mrmrs.cc)\n* [johno](http://johnotander.com)\n\n## License\n\nMIT\n\n","funding_links":[],"categories":["CSS","Presentation Tools","css","Color","others","Color [🔝](#readme)","颜色","Web tools","Frontend"],"sub_categories":["Use The Source","Runner","运行器","CSS Misc","Libraries / components","运行器e2e测试"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrmrs%2Fcolors","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmrmrs%2Fcolors","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrmrs%2Fcolors/lists"}