@tokens-studio/tokens
v0.1.1
Published
Internal tokens used throughout various tools.
Downloads
1,056
Keywords
Readme
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 { styled, css, keyframes, theme };
Note that you could also use lightTheme
as the default, then you'd just set
theme: {
colors: lightTheme,
...core
}