ArkDark

We're building a 1:1 validator for TypeScript! Check out our core project on GitHub!

Features

- syntax highlighting for strings that are part of an ArkType definition

!syntax highlighting

- inline type error summaries optimized for ArkType via ErrorLens

!errorLens

- optional editor theme based on ArkType palette and optimized for type syntax

!theme

The low-poly animal backgrounds from these images are not part of the theme but are images from this theme rendered using the excellent Background extension by @Katsute.

Contributing

Run > Debugger (F5 by default) will launch the extension in another window, allowing you to see the effects of your changes on whatever code you open in it.

#### Update the ArkDark theme palette

See color-theme.json

> [!NOTE]
> Changes will be immediately reflected in the extension host window

#### Update syntax highlighting rules

See injected.tmLanguage.json

To determine which scopes need to be changed, you can view scopes applied to any file in VSCode by opening the Command Palette (Ctrl+Shift+P by default) and searching "Developer: Inspect Editor Tokens and Scopes".

Changes to injected.tmLanguage.json should be mirrored to tsWithArkType.tmLanguage.json.

> [!IMPORTANT]
> You must reload the extension host window to see scope changes reflected

Attributions

Base color-theme.json extended from VSCode's "Default Dark Modern" (https://github.com/microsoft/vscode/blob/main/extensions/theme-defaults/themes/dark_modern.json).