# postcss-colors.css

> PostCSS plugin to transform browser default colors to @mrmrs's better palette

Latest version **0.1.5** (published 2015-05-02) · MIT license · 0 weekly downloads

## Install

```sh
npm install postcss-colors.css
pnpm add postcss-colors.css
yarn add postcss-colors.css
bun add postcss-colors.css
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.5 |
| Published | 2015-05-02 |
| First published | 2015-04-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Known vulnerabilities | 0 (+12 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 13 |
| Author | Brian Holt |
| Maintainers | btholt |
| Keywords | postcss, colors.css, colors, plugin, postcss-plugin |

## Links

- npm: https://www.npmjs.com/package/postcss-colors.css
- Repository: https://github.com/btholt/postcss-colors.css
- Homepage: https://github.com/btholt/postcss-colors.css#readme
- Issues: https://github.com/btholt/postcss-colors.css/issues
- npm.io page: https://npm.io/package/postcss-colors.css

## Dependencies (4)

- [lodash](https://npm.io/package/lodash.md) ^3.7.0
- [postcss](https://npm.io/package/postcss.md) ^4.1.5
- [colors.css](https://npm.io/package/colors.css.md) ^2.3.0
- [postcss-message-helpers](https://npm.io/package/postcss-message-helpers.md) ^2.0.0

## Alternatives

- [postcss-color-hex-alpha](https://npm.io/package/postcss-color-hex-alpha.md) — 6.4M weekly downloads
- [randomcolor](https://npm.io/package/randomcolor.md) — 348.0K weekly downloads
- [bows](https://npm.io/package/bows.md) — 1.3K weekly downloads
- [ep_prefer_color_scheme](https://npm.io/package/ep_prefer_color_scheme.md) — 260 weekly downloads
- [coc-yank](https://npm.io/package/coc-yank.md) — 61 weekly downloads

## Recent versions

- 0.1.5 (latest) — 2015-05-02
- 0.1.4 — 2015-04-26
- 0.1.3 — 2015-04-25
- 0.1.2 — 2015-04-25
- 0.1.1 — 2015-04-25
- 0.1.0 — 2015-04-25

## README

# PostCSS Colors.css plugin

## What is this?

This a plugin for the awesome CSS preprocessor [PostCSS](https://github.com/postcss/postcss). PostCSS is a really simple preprocessor that allows you to write plugins for it that allow you define how your CSS gets processed.

[Colors.css](http://clrs.cc/) is a new set of default colors for the web by the [Adam Morse](https://github.com/mrmrs). It gives new, prettier defaults for colors.

This plugin lets you write `color: red` or `color: green` and have it reflect this new color palette instead of the default browser colors.

## Example

```css
.some-class {
  color: red;
  border: 3px solid orange;
}
```

becomes

```css
.some-class {
  color: #FF4136;
  border: 3px solid #FF851B;
}
```

## Basic setup example

```javascript
var postcss = require('postcss');
var colorsCss = require('./index');
var fs = require('fs');

var css = fs.readFileSync('./input.css');

var output = postcss()
  .use(colorsCss())
  .process(css)
  .css;

fs.writeFileSync('./output.css', output);
```

Alternatively, something like Gulp, Webpack, or Grunt would help too.

## Author

:heart: [Brian Holt](http://twitter.com/holtbt)

---
_Source: https://npm.io/package/postcss-colors.css · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._