Theo Example

Example project for integrating Design Tokens using theo.

Setup

$ git clone https://github.com/salesforce-ux/theo-example.git
$ cd theo-example
$ npm install

Development

While developing your website or Design Tokens use npm run dev and then open localhost:3000.

Now you can start editing your src/index.html and src/styles/main.scss.

To see the generated docs for your Design Tokens go to localhost:3000/generated/app.html. Note: You can change your Design Tokens in ./design-tokens/app.json or the ./design-tokens/aliases.json and see live changes to the docs.

Further if you open localhost:3000 and change the Design Tokens, the updates are reflected live.