Color tokens for the Fishtank Design System


503.5.13 years ago4 years agoMinified + gzip package size for @fishtank/colors in KB


Fishtank Colors

Design tokens for all of the colors in the Fishtank Design System, distributed in one freestanding package.


npm install @fishtank/colors


Once you've added @fishtank/colors as a dependency, you'll be able to get the tokens in a number of different formats. We currently support:

  • JSON (default)
  • Common.JS module
  • CSS Custom Properties
  • SCSS Variables

More formats are available. See theo for more information.


Tokens are encoded as YAML files consumed by Salesforce's Theo design token tool, which outputs them to multiple formats.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.