Aviary Tokens Info

This is a VS Code extenstion that provides an intuitive way to view the light and dark mode values of your design tokens directly within your code. By simply hovering over the design tokens, you can see their corresponding color values for both light and dark themes!

Installation

This extension isn't pubished on the marketplace, but you can install it manually following these steps:

1. Download the .vsix file from Google Drive
2. Go to the Extensions view.
3. Click Views and More Actions
4. Select Install from VSIX, and choose the downloaded file

Local Development

1. Clone this repo, and run npm install to install the dependencies
2. In your IDE, open src/extension.ts and press F5 or run the command Debug: Start Debugging from the Command Palette (⇧⌘P). This will compile and run the extension in a new Extension Development Host window.

For more context, see the VS Code guide on building an extension