- This folder contains all of the files necessary for your color theme extension.
package.json
- this is the manifest file that defines the location of the theme file. and specifies the base theme of the theme.themes/Codesandbox-color-theme.json
- the color theme definition file.
- Press
F5
to open a new window with your extension loaded. - Open
File > Preferences > Color Themes
and pick your color theme. - Open a file that has a language associated. The languages' configured grammar will tokenize the text and assign 'scopes' to the tokens. To examine these scopes, invoke the
Inspect TM Scopes
command from the Commmand Palette (Ctrl+Shift+P
orCmd+Shift+P
on Mac) .
- You can relaunch the extension from the debug toolbar after making changes to the files listed above.
- You can also reload (
Ctrl+R
orCmd+R
on Mac) the VS Code window with your extension to load your changes. - When editing workbench colors, it's easiest to test the colors in the settings under
workbench.colorCustomizations
andworkbench.tokenColorCustomizations
. When done, run theGenerate Color Theme From Current Settings
command to generate an updated content for the color theme definition file.
- The token colorization is done based on standard TextMate themes. Colors are matched against one or more scopes. To learn more about scopes and how they're used, check out the theme documentation.
- To start using your extension with Visual Studio Code copy it into the
<user home>/.vscode/extensions
folder and restart Code. - To share your extension with the world, read on https://code.visualstudio.com/docs about publishing an extension.