{"id":15502956,"url":"https://github.com/johno/clrs","last_synced_at":"2025-04-22T23:21:09.632Z","repository":{"id":14189016,"uuid":"16895442","full_name":"johno/clrs","owner":"johno","description":"A nicer color palette for Rails apps.","archived":false,"fork":false,"pushed_at":"2015-12-11T23:31:00.000Z","size":220,"stargazers_count":13,"open_issues_count":2,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-21T17:20:00.490Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"clrs.cc","language":"CSS","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/johno.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-02-16T22:13:50.000Z","updated_at":"2020-06-19T17:40:46.000Z","dependencies_parsed_at":"2022-09-21T11:11:53.468Z","dependency_job_id":null,"html_url":"https://github.com/johno/clrs","commit_stats":null,"previous_names":["johnotander/clrs"],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johno%2Fclrs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johno%2Fclrs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johno%2Fclrs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johno%2Fclrs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/johno","download_url":"https://codeload.github.com/johno/clrs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250097377,"owners_count":21374264,"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-10-02T09:11:41.092Z","updated_at":"2025-04-22T23:21:09.612Z","avatar_url":"https://github.com/johno.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# clrs [![Build Status](https://travis-ci.org/johnotander/clrs.svg?branch=master)](https://travis-ci.org/johnotander/clrs)\n\nInclude the [colors.css](http://www.clrs.cc) palette as scss variables in your Rails apps.\n\n## Installation\n\nAdd this line to your application's Gemfile:\n\n```ruby\ngem 'clrs'\n```\n\nAnd then execute:\n\n```\n$ bundle\n```\n\nOr install it yourself as:\n\n```\n$ gem install clrs\n```\n\n##### Using Sass\n\nYou will then need to require the stylesheet in your application.scss:\n\n```scss\n@import \"clrs\";\n```\n\nThere's also a saturated color palette \u003chttp://mrmrs.io/colors-saturated/\u003e which can be included instead:\n\n```scss\n@import \"clrs-saturated\";\n```\n\n##### Using CSS\n\nOr, in your application.css:\n\n```css\n*= require clrs;\n```\n\nOr, for the saturated color scheme:\n\n```css\n*= require clrs-saturated;\n```\n\n## Usage\n\nNow you have access to the following variables:\n\n```scss\n$navy:    #001f3f;\n$blue:    #0074d9;\n$aqua:    #7fdbff;\n$teal:    #39cccc;\n$olive:   #3d9970;\n$green:   #2ecc40;\n$lime:    #01ff70;\n$yellow:  #ffdc00;\n$orange:  #ff851b;\n$red:     #ff4136;\n$maroon:  #85144b;\n$fuchsia: #f012be;\n$purple:  #b10dc9;\n$white:   #ffffff;\n$silver:  #dddddd;\n$gray:    #aaaaaa;\n$black:   #111111;\n```\n\nAdditionally, there are `background-color` and `color` classes:\n\n```scss\n/* Backgrounds */\n\n.bg-navy    { background-color: $navy;    }\n.bg-blue    { background-color: $blue;    }\n.bg-aqua    { background-color: $aqua;    }\n/* ... */\n\n/* Colors */\n\n.navy    { color: $navy;    }\n.blue    { color: $blue;    }\n.aqua    { color: $aqua;    }\n/* ... */\n```\n\n__NOTE:__ You must require the clrs stylesheet before other stylesheets using the above scss variables.\n\n### The `Clrs` module\n\nThere's also a `Clrs` module so you can access the hex values in Ruby, too:\n\n```ruby\nrequire 'clrs'\n# =\u003e true \n\nClrs.colors\n# =\u003e {:aqua=\u003e\"#7FDBFF\", :blue=\u003e\"#0074D9\", :navy=\u003e\"#001F3F\", :teal=\u003e\"#39CCCC\", :green=\u003e\"#2ECC40\", :olive=\u003e\"#3D9970\", :lime=\u003e\"#01FF70\", :yellow=\u003e\"#FFDC00\", :orange=\u003e\"#FF851B\", :red=\u003e\"#FF4136\", :fuchsia=\u003e\"#F012BE\", :purple=\u003e\"#B10DC9\", :maroon=\u003e\"#85144B\", :white=\u003e\"#fff\", :silver=\u003e\"#ddd\", :gray=\u003e\"#aaa\", :black=\u003e\"#111\"} \n\nClrs::Saturated.colors\n# =\u003e {:navy=\u003e\"#002B75\", :blue=\u003e\"#0050D4\", :aqua=\u003e\"#00D9F7\", :teal=\u003e\"#00A6A6\", :olive=\u003e\"#00B562\", :green=\u003e\"#00D942\", :lime=\u003e\"#B4D900\", :yellow=\u003e\"#EBCF00\", :orange=\u003e\"#EB7700\", :red=\u003e\"#EB0012\", :maroon=\u003e\"#790009\", :fuchsia=\u003e\"#FF00C3\", :purple=\u003e\"#8D00FF\", :white=\u003e\"#fff\", :silver=\u003e\"#777\", :gray=\u003e\"#333\", :black=\u003e\"#000\"} \n\nClrs.blue\n# =\u003e \"#0074D9\" \n\nClrs::Saturated.olive\n# =\u003e \"#00B562\" \n```\n\n## Related\n\n  * \u003chttps://github.com/mrmrs/colors\u003e\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***\n\n\u003e More documentation available at \u003chttps://github.com/mrmrs/colors\u003e.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohno%2Fclrs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjohno%2Fclrs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohno%2Fclrs/lists"}