{"id":22692906,"url":"https://github.com/deviscoding/colors","last_synced_at":"2026-03-19T23:26:42.423Z","repository":{"id":46416502,"uuid":"104942331","full_name":"deviscoding/colors","owner":"deviscoding","description":"SASS color functions and maps used in DevIsCoding components.","archived":false,"fork":false,"pushed_at":"2022-06-14T15:20:02.000Z","size":16,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-18T11:53:38.998Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/deviscoding.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":"2017-09-26T22:03:50.000Z","updated_at":"2024-07-29T13:58:27.000Z","dependencies_parsed_at":"2022-08-31T23:00:26.464Z","dependency_job_id":null,"html_url":"https://github.com/deviscoding/colors","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"purl":"pkg:github/deviscoding/colors","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deviscoding%2Fcolors","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deviscoding%2Fcolors/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deviscoding%2Fcolors/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deviscoding%2Fcolors/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/deviscoding","download_url":"https://codeload.github.com/deviscoding/colors/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deviscoding%2Fcolors/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28918221,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-30T19:10:10.838Z","status":"ssl_error","status_checked_at":"2026-01-30T19:06:40.573Z","response_time":66,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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-12-10T02:08:26.130Z","updated_at":"2026-01-30T19:33:09.422Z","avatar_url":"https://github.com/deviscoding.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# DevIsCoding Colors\nSASS color functions and maps used in DevIsCoding components.  Can also be used quite effectively in any SASS where one desires an easy way to manage colors.\n\nFormerly known as StrapLess Colors.\n\n### Available Color Maps\n\nInclusion of the 'color-variables' establishes three color maps: `$grays`, `$colors`, and `$theme-colors`.\n\nThese color maps can be utilized and manipulated with various included functions.\n\n### Available Functions\n\n`color($name)` - \nRetrieves a color from the `$color` map by color name.\n\n`theme-color($name)` -\nRetrieves a color from the `$theme-colors` map by context name.\n\n`gray($value)` -\nRetrieves a shade from the `$grays` map by progression value, 50 - 900.\n\n`theme-colors-merge($new-map)` -\nAdds a provided map of `key: color` to the theme colors map.  Any new theme-colors will be added to the existing map.  Any key that already exists will be overwritten with your new value.\n\n`colors-merge($new-map)` -\nAdds a provided map of `key: color` to the colors map. Any new colors will be added to the existing map.  Any key that already exists will be overwritten with your new value.\n\n`grays-merge($new-map)` -\nAdds a provided map of `value: color` to the grays map. Any gray values will be added to the existing map.  Any key that already exists will be overwritten with your new value.\n\n`isLight($color-value)` - \nDetermines if the given color value is a light color or a dark color.  Useful for setting foreground colors that contrast with background colors.\n\n### Available Mixins\n\n`set-color($name,$color-value)` -\nAdds or sets a color by the name of `$name` to the colors map with the value `$color-value`. Any existing color with the same name will be overwritten.\n\n`set-theme-color($name,$color-value)` -\nAdds or sets a color by the name of `$name` to the theme colors map with the value `$color-value`. Any existing color with the same name will be overwritten.\n\n`set-gray($value,$color-value)` -\nAdds or sets a color by the name of `$value` to the gray shades map with the value `$color-value`. Any existing color with the same name will be overwritten.\n\n### How to Use\n\nTo use effectively, you should `@import \"colors\";` BEFORE any variables that set or utilize colors.  This will set the base colors and allow you to do the following:\n\n* Use colors with the `color`, `theme-color`, and `gray` functions.\n* Add or replace colors to the color map without worrying about `!default` by using the `set-*` functions.\n* Merge maps of new colors with the existing maps without wiping anything out.\n\nTo set a single color, use the mixins like this:\n\n`@include set-color(white,#fff);`\n\nTo update a map of colors, use the functions like this:\n\n`$colors: colors-merge((white: #fff, black: #000));`\n\nTo get a color value, use the functions like this:\n\n`.selector { color: color(teal); }`\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeviscoding%2Fcolors","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeviscoding%2Fcolors","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeviscoding%2Fcolors/lists"}