https://github.com/mistakster/postcss-alter-color

A PostCSS plugin to replace one color with another color
https://github.com/mistakster/postcss-alter-color

color hex postcss postcss-plugins rgb

Last synced: 8 days ago
JSON representation

A PostCSS plugin to replace one color with another color

• Host: GitHub
• URL: https://github.com/mistakster/postcss-alter-color
• Owner: mistakster
• License: mit
• Created: 2018-03-28T03:36:29.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T15:15:24.000Z (over 3 years ago)
• Last Synced: 2026-05-28T09:17:15.640Z (about 1 month ago)
• Topics: color, hex, postcss, postcss-plugins, rgb
• Language: JavaScript
• Homepage:
• Size: 338 KB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# postcss-alter-color

[![Build Status](https://travis-ci.org/mistakster/postcss-alter-color.svg?branch=master)](https://travis-ci.org/mistakster/postcss-alter-color)

A [PostCSS](https://github.com/postcss/postcss) plugin to replace one color with another color.

## Install

```

npm install --save postcss-alter-color

```

## Usage

```js

const postcss = require('postcss');

const alterColorPlugin = require('postcss-alter-color');

const config = {

  from: 'darkslategray',

  to: '#556832'

};

postcss()

  .use(alterColorPlugin(config))

```

Input CSS:

```css

body {

  background: white;

  color: darkslategray;

}

p {

  color: #2f4f4f;

}

.quote {

  border-left: 1px solid rgb(47, 79, 79);

  border-right: solid hsl(180, 25%, 25%) 1px;

}

```

Output CSS:

```css

body {

  background: white;

  color: #556832;

}

p {

  color: #556832;

}

.quote {

  border-left: 1px solid #556832;

  border-right: solid #556832 1px;

}

```

## License

MIT