70bf21e064
Deploy (to testing) and Test Playground Preview Worker / Deploy Playground Preview Worker (testing) (push) Has been skipped
Deploy Workers Shared Staging / Deploy Workers Shared Staging (push) Failing after 0s
Prerelease / build (push) Has been skipped
Handle Changesets / Handle Changesets (push) Has been cancelled
Semgrep OSS scan / semgrep-oss (push) Has been cancelled
1.7 KiB
1.7 KiB
Developing Solarflare Theme
What's in the folder
- 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/Cloudflare-color-theme.json- the color theme definition file.
Get up and running straight away
- In the monorepo, you will need to open VSCode directly in
packages/solarflare-themeto run the follow steps.- Press
F5to open a new window with your extension loaded. - Open
File > Preferences > Color Themesand 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
Developer: Inspect Editor Tokens and Scopescommand from the Command Palette (Ctrl+Shift+PorCmd+Shift+Pon Mac).
- Press
Make changes
- Changes to the theme file are automatically applied to the Extension Development Host window.
Adopt your theme to Visual Studio Code
- 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 color theme documentation.