npm package: @fwrlines/swatch
Description: **A modern, lightweight, framework-agnostic, extensible theming library based on css4 variables and the setter/getter pattern.**
Author: Adrian V.
Latest version: 1.0.0-beta.5

# Swatch

**A modern, lightweight, framework-agnostic, extensible theming library based on css4 variables and the setter/getter pattern.** 

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![MIT license](https://img.shields.io/badge/License-MIT-blue.svg)](https://lbesson.mit-license.org/) [![GitHub release](https://img.shields.io/github/release/Naereen/StrapDown.js.svg)](https://github.com/fwrlines/swatch/releases/) [![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/fwrlines/swatch/graphs/commit-activity) [![GitHub issues](https://img.shields.io/github/issues/Naereen/StrapDown.js.svg)](https://github.com/fwrlines/swatch/issues) [![Only 15 Kb](https://img.shields.io/badge/Size-15.0KB-green.svg)](https://unpkg.com/@fwrlines/swatch@latest/main.min.css) [![Only 2.5 Kb](https://img.shields.io/badge/gzip-2.5KB-green.svg)](https://unpkg.com/@fwrlines/swatch@latest/main.min.css) [![made-with-NVIM](https://img.shields.io/badge/Made%20with-NVIM-1f425f.svg)](https://github.com/neovim/neovim) [![Documentation Status](https://readthedocs.org/projects/ansicolortags/badge/?version=latest)](https://github.com/fwrlines/swatch-docs)
<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)
<!-- ALL-CONTRIBUTORS-BADGE:END -->

## Docs

**Docs, installation, api reference, walkthrough => [Here](https://swatch.dev)**

**Demos => [Here](http://xyz.779.mx:3000/docs/examples)**

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tr>
    <td align="center"><a href="https://github.com/779g"><img src="https://avatars3.githubusercontent.com/u/47156835?v=4?s=100" width="100px;" alt=""/><br /><sub><b>779g</b></sub></a><br /><a href="https://github.com/fwrlines/swatch/commits?author=779g" title="Documentation">📖</a> <a href="https://github.com/fwrlines/swatch/issues?q=author%3A779g" title="Bug reports">🐛</a> <a href="https://github.com/fwrlines/swatch/commits?author=779g" title="Code">💻</a> <a href="#maintenance-779g" title="Maintenance">🚧</a></td>
    <td align="center"><a href="https://github.com/dillardzach"><img src="https://avatars2.githubusercontent.com/u/72168946?v=4?s=100" width="100px;" alt=""/><br /><sub><b>ali mg</b></sub></a><br /><a href="https://github.com/fwrlines/swatch/commits?author=dillardzach" title="Documentation">📖</a> <a href="#maintenance-dillardzach" title="Maintenance">🚧</a></td>
    <td align="center"><a href="https://clrko.github.io/"><img src="https://avatars2.githubusercontent.com/u/60785976?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Claire Kodia</b></sub></a><br /><a href="#userTesting-clrko" title="User Testing">📓</a></td>
  </tr>
</table>

<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!