# Add foundation for exporting tokens from our color schemes \(\#2588\) · gitcafe/zed

[View on GitCafe](https://git.cafe/gitcafe/zed/commit/a75e9faa83e2c604941b887067f8f059ea2e0d39)

Repository: [gitcafe/zed](https://git.cafe/gitcafe/zed)

Visibility: public

Requested revision: a75e9faa83e2c604941b887067f8f059ea2e0d39

Requested commit: a75e9faa83e2c604941b887067f8f059ea2e0d39

Commit: a75e9faa83e2c604941b887067f8f059ea2e0d39

Tree: 3e5698b94e88e84984748dd1614ceba9fa7c8195

Author: Nate Butler

Committer: GitHub

## Message

```
Add foundation for exporting tokens from our color schemes (#2588)

We removed our Figma Tokens/Tokens Studio export a while back when we
moved to the theme to ColorSchemes. I'd like to get back to exporting
these so we can be working from up to date themes in Figma, especially
with the large amount of UI design work we'll be doing in the next few
weeks on channels.

This PR adds some basic plumbing to start working through the
theme/colorScheme and export the parts as tokens.

I also discovered that Tokens Studio now publishes their types, so we
can use them directly rather than writing our own:
https://github.com/tokens-studio/types

Pulled those in and started connecting them as well.

Running `npm run build-tokens` will export the tokens for each theme to
`styles/target/tokens`.

Currently only a few element's tokens are exported, will expand this
further as time permits.

Release Notes:

- N/A (No public facing changes)
```

## Parents

- [d4192fc3e9a3ba07297b96f21c9d6e3c22f0124e](https://git.cafe/gitcafe/zed/commit/d4192fc3e9a3ba07297b96f21c9d6e3c22f0124e?format=markdown)

- [c8a9d73ea685d172a49322c5922512a49c4dcdec](https://git.cafe/gitcafe/zed/commit/c8a9d73ea685d172a49322c5922512a49c4dcdec?format=markdown)

[Source at this commit](https://git.cafe/gitcafe/zed/tree/a75e9faa83e2c604941b887067f8f059ea2e0d39?format=markdown)