Usage

npm install @spiffdog/spiffy-colors

This package contains color tokens in the following formats:

• CSS
  • dark.css, light.css, and a unified index.css
  • Values are exposed as CSS variables (i.e. --gray1).
• Javascript / Typescript
  • index.js with Typescript typings included. Typings are generic at the moment. It's on the roadmap to provide better hinting support.
  • Values are exposed as objects. (i.e. light.gray[1]).

See documentation site below for color schema previews and specific color values.

Documentation

Builds light and dark themed CSS using css variables and Javascript tokens. Based on the OKLab color space.

Go to the documentation site to see a demo of all values and documented variable declarations and usage.

Documentation