Generate
1. In the "Generate" tab, select the themes you'd like to create or select "All themes."
2.Select "Generate Themes"
3.Your color guides are now available on your canvas and the color styles for each color have been added to your library.
Swap
1. Select the frame with all the components you'd like to swap.
2. Select the theme you'd like to switch to in the "Swap" tab.
3. Select "Swap Theme".
Note: The themes must be present in the file to switch themes.
Note: The themes must be present in the file to switch themes.
To relink colors, the layers must have the same name as their desired color, so the side bar background layer would need to be named ---sideBar.background. This is what enables Kaleidocode to go find the color style for the desired theme and relink it.
Create
1. To create a custom theme, paste in the JSON for your theme into the text box.
2. Select "Create Custom Styles"
Note: this should match the formatting for all other VS Code color themes, where the colors are defined "activityBar.background": "#fafafa"
Note: this should match the formatting for all other VS Code color themes, where the colors are defined "activityBar.background": "#fafafa"
3. Your custom color guide is now available on your canvas and the color styles for each color have been added to your library.
Questions? Contact us via GitHub