# PostCSS Colorfix
Colorfix monitors colors in your CSS (if not set as a variable) and recommends closest match from your color palette.

## Why use this?
Use this to ensure color consistency in your application. 

## Options
Provide your color palette as options to postcss-colorfix
```
{
  colors: {
    '#D2D8CC': '--color-primary',
    '#5E7352': '--color-text-primary',
    '#C985A7': '--color-accent'
    '<hexcodeFromYourPalette>: '<variable-name>'
  }
}
```

## How does it work? 
It uses nearest-color to determine the closest match for hexcode, color names and rgb and uses your color palette to recommend what to use in during linting. 

## What does it look like? 
![Image of colorfix](./demo.png "Image of colorfix")