Argiope for Visual Studio Code

Argiope provides six generated color themes plus TextMate syntax highlighting for html, svg, css, md, raw.js, glsl, and wgsl tagged templates in JavaScript and TypeScript.

The grammar and themes are generated by the parent Argiope palette repository. Do not edit syntaxes/ or themes/ by hand.

Local development

From the parent Argiope repository, synchronize generated files and open a fresh Extension Development Host:

bun run sync:vscode
code --new-window --extensionDevelopmentPath editors/vscode examples/theme-screenshot.js

Select an Argiope theme with Preferences: Color Theme. Use Developer: Inspect Editor Tokens and Scopes to inspect a tagged template.

Packaging

Before packaging, install the extension's development dependency and verify the generated files from the parent repository:

bun install
bunx @vscode/vsce package

The publisher is currently set to m4r-sh; it must match the verified Visual Studio Marketplace publisher before vsce publish is used.