@tokens-studio/tokens

Tokens Studio: Internal tokens

Internal tokens used throughout various tools.

How to use

Use this repository as the source of truth for our design tokens in Figma. Output is currently configured for Stitches, to be consumed inside a Stitches config.

npm install @tokens-studio/tokens

Then, import the theme in stitches.config.ts

import { darkTheme, core } from '@tokens-studio/tokens';

export const stitchesInstance = createStitches({
	theme: {
		colors: darkTheme,
		...core,
	},
});

const { styled, css, keyframes, theme } = stitchesInstance;

export const { styled, css, keyframes, theme };

Note that you could also use lightTheme as the default, then you'd just set

{
 theme: {
    colors: lightTheme,
    ...core
  }
}