Skip to content
Fish Tank Design and Component System - Color Foundation Elements
Branch: master
Clone or download
Brian Akpa
Latest commit 6a89a36 Jul 18, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
colors fix/add -darker,-lighter colors to text color Jul 15, 2019
scripts fix: removed functions to generate inline notes Apr 2, 2019
.gitignore Dev (#3) Sep 5, 2018
.npmignore Initial commit Jul 6, 2018 chore(release): 3.5.1 Jul 18, 2019 hotfix: Fixed typo in Jul 25, 2018 Initial commit Jul 6, 2018
package.json chore(release): 3.5.1 Jul 18, 2019
test.js Initial commit Jul 6, 2018

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.

You can’t perform that action at this time.