PHPackages                             strapless/colors - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. strapless/colors

Abandoned → [deviscoding/colors](/?search=deviscoding%2Fcolors)Library[Utility & Helpers](/categories/utility)

strapless/colors
================

SASS color functions, maps and CSS used in DevIsCoding components. Can also be used quite effectively in any SASS where one desires an easy way to manage colors.

1.1(3y ago)01761MITSCSS

Since Oct 12Pushed 3y ago1 watchersCompare

[ Source](https://github.com/deviscoding/colors)[ Packagist](https://packagist.org/packages/strapless/colors)[ Docs](https://www.github.com/deviscoding/colors)[ RSS](/packages/strapless-colors/feed)WikiDiscussions master Synced 3d ago

READMEChangelog (10)DependenciesVersions (12)Used By (1)

DevIsCoding Colors
==================

[](#deviscoding-colors)

SASS 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.

Formerly known as StrapLess Colors.

### Available Color Maps

[](#available-color-maps)

Inclusion of the 'color-variables' establishes three color maps: `$grays`, `$colors`, and `$theme-colors`.

These color maps can be utilized and manipulated with various included functions.

### Available Functions

[](#available-functions)

`color($name)` - Retrieves a color from the `$color` map by color name.

`theme-color($name)` - Retrieves a color from the `$theme-colors` map by context name.

`gray($value)` - Retrieves a shade from the `$grays` map by progression value, 50 - 900.

`theme-colors-merge($new-map)` - Adds 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.

`colors-merge($new-map)` - Adds 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.

`grays-merge($new-map)` - Adds 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.

`isLight($color-value)` - Determines if the given color value is a light color or a dark color. Useful for setting foreground colors that contrast with background colors.

### Available Mixins

[](#available-mixins)

`set-color($name,$color-value)` - Adds 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.

`set-theme-color($name,$color-value)` - Adds 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.

`set-gray($value,$color-value)` - Adds 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.

### How to Use

[](#how-to-use)

To 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:

- Use colors with the `color`, `theme-color`, and `gray` functions.
- Add or replace colors to the color map without worrying about `!default` by using the `set-*` functions.
- Merge maps of new colors with the existing maps without wiping anything out.

To set a single color, use the mixins like this:

`@include set-color(white,#fff);`

To update a map of colors, use the functions like this:

`$colors: colors-merge((white: #fff, black: #000));`

To get a color value, use the functions like this:

`.selector { color: color(teal); }`

###  Health Score

30

—

LowBetter than 64% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity10

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity70

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~189 days

Recently: every ~412 days

Total

10

Last Release

1432d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/d57a7df632f0f3297af28804aa4d48a6c9bbd67795056353fb3dd8c7ed7e1cb5?d=identicon)[jonesiscoding](/maintainers/jonesiscoding)

---

Top Contributors

[![jonesiscoding](https://avatars.githubusercontent.com/u/5215554?v=4)](https://github.com/jonesiscoding "jonesiscoding (12 commits)")

---

Tags

colorsassscssmapstrapless

### Embed Badge

![Health badge](/badges/strapless-colors/health.svg)

```
[![Health](https://phpackages.com/badges/strapless-colors/health.svg)](https://phpackages.com/packages/strapless-colors)
```

###  Alternatives

[scssphp/scssphp

scssphp is a compiler for SCSS written in PHP.

62827.7M220](/packages/scssphp-scssphp)[ssnepenthe/color-utils

A PHP library for performing SASS-like color manipulations.

631.1M10](/packages/ssnepenthe-color-utils)[panique/laravel-sass

Compiles your Sass .scss files to .css every time you run your app (in development)

73171.8k1](/packages/panique-laravel-sass)[nizsheanez/yii2-asset-converter

Less, Sass, Scss and Phamlp converter for Yii2. No system requires. yii2-composer support, Less autoupdate, customizing of output directory

64167.5k6](/packages/nizsheanez-yii2-asset-converter)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)