# postcss-make-it-bright

> PostCSS plugin make all colors more bright.

Latest version **0.1.3** (published 2018-09-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install postcss-make-it-bright
pnpm add postcss-make-it-bright
yarn add postcss-make-it-bright
bun add postcss-make-it-bright
```

## 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.3 |
| Published | 2018-09-11 |
| First published | 2018-09-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 5.6 KB |
| Known vulnerabilities | 0 (+6 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 2 |
| Author | postcss-make-it-bright |
| Maintainers | janczer |
| Keywords | postcss, css, postcss-plugin, color, rgb, hsl, bright |

## Links

- npm: https://www.npmjs.com/package/postcss-make-it-bright
- Repository: https://github.com/janczer/postcss-make-it-bright
- Issues: https://github.com/janczer/postcss-make-it-bright/issues
- npm.io page: https://npm.io/package/postcss-make-it-bright

## Dependencies (3)

- [color](https://npm.io/package/color.md) ^3.0.0
- [postcss](https://npm.io/package/postcss.md) ^6.0.16
- [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.3 (latest) — 2018-09-11
- 0.1.2 — 2018-09-10
- 0.1.1 — 2018-09-08
- 0.1.0 — 2018-09-08
- 0.0.2 — 2018-09-08
- 0.0.1 — 2018-09-08

## README

# PostCSS Make It Bright 
[![Build Status][ci-img]][ci] [![codecov.io][cov-img]][cov]

[PostCSS] plugin make all colors more bright.

[PostCSS]:    https://github.com/postcss/postcss
[ci-img]:     https://travis-ci.org/janczer/postcss-make-it-bright.svg
[ci]:         https://travis-ci.org/janczer/postcss-make-it-bright
[cov-img]: https://codecov.io/github/janczer/postcss-make-it-bright/coverage.svg?branch=master
[cov]:        https://codecov.io/github/janczer/postcss-make-it-bright?branch=master

```css
.foo {
  color: #121212;
}
```

```css
.foo {
  color: #1B1B1B;
}
```

## Usage

The plugin make all colors more bright.

```js
postcss([ require('postcss-make-it-bright') ])
```

The default option is 50%, but you can pass in options the parameter `value` which taken numbers from `0` to `100`:

```js
const postcss = require('gulp-postcss');
const gulp = require('gulp');
const brighter = require('postcss-make-it-bright') 

gulp.task('css', function () {
    var plugins = [
        brighter({ value: 85 }),
    ];
    return gulp.src('./src/*.css')
        .pipe(postcss(plugins))
        .pipe(gulp.dest('./dest'));
});
```

## Models of color

* [RGB](#rgb)
* [RGBA](#rgba)
* [HSL](#hsl)
* [HSLA](#hsla)
* [Word](#word)

#### RGB

```css
.foo {
  color: rgb(10, 10, 10);
}
```

```css
.foo {
  color: rgb(15, 15, 15);
}
```

#### RGBA

```css
.foo {
  color: rgba(10, 10, 10, 0.6);
}
```

```css
.foo {
  color: rgba(15, 15, 15, 0.6);
}
```

If alpha channel is `1` the plugin return a color in `rgb` model.

#### HSL

```css
.foo {
  color: hsl(90, 10%, 10%);
}
```

```css
.foo {
  color: hsl(90, 10%, 10%);
}
```

#### HSLA

```css
.foo {
  color: hsla(90, 10%, 10%, 0.6);
}
```

```css
.foo {
  color: hsla(90, 10%, 15%, 0.6);
}
```

If the alpha channel is `1` then a plugin return a color in `rgb` model.

#### Word


```css
.foo {
  color: red;
}
```

```css
.foo {
  color: #FF8080;
}
```

See [PostCSS] docs for examples for your environment.

## LICENSE

See [LICENSE](LICENSE)

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