css-colors-to-vars

1.0.4 • Public • Published

css-colors-to-vars

Remap arbitrary CSS colors to CSS variables. Useful for libraries and custom CSS files.

license npm

Features

  • Automatic name assignment for the newly created css variables
  • Pretty fast in general

How to use

npm i css-colors-to-vars
# or
yarn add css-colors-to-vars

To use the cli:

npx remap <input CSS file path> <output CSS file path>
# or
yarn remap <input CSS file path> <output CSS file path>
# e.g. npm run remap tests/fixtures/bootstrap-v5.0.2.css dist/bootstrap.css

To use the api:

const remap = require('css-colors-to-vars')
// or
import remap from 'css-colors-to-vars'
// then
const output = remap('tests/fixtures/bootstrap-v5.0.2.css')

Both cli and api will give you a remaped version with all colors saved under the :root

Why?

Because someone may find this useful. Perhaps accelarate their rewrite process when working on older CSS files. Maybe you love to use Bootstrap, but need a greater control over the color theme because you'd want to allow your users to choose their own colors and save their preferences in their account.

Package Sidebar

Install

npm i css-colors-to-vars

Weekly Downloads

0

Version

1.0.4

License

MIT

Unpacked Size

227 kB

Total Files

12

Last publish

Collaborators

  • ironincoder