# 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.

```sh
npm install @tokens-studio/tokens
```

Then, import the theme in stitches.config.ts

```js
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

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