Fishtank Colors

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

Installation

npm install @fishtank/colors

Usage

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.

Development

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