Skip to content
Features

Highlighting and icons

Colors by meaning for .sii and .sui files, and icons for SCS file types.

Highlighting

Every part of a .sii or .sui file gets a color for what it is:

  • class names, namespaces included (ui::text);
  • unit names (my_truck.engine, .nameless);
  • attribute keys (price, sounds[], items[0]);
  • values: numbers, strings, true/false, and names such as factory or a unit a pointer names;
  • comments (#, // and /* ... */);
  • @include and its path.

The colors come from your VS Code theme, so they match the rest of your editor.

Highlighting is on for .sii/.sui files even if your theme or editor.semanticHighlighting.enabled turns semantic colors off elsewhere. To turn it off for these files, uncheck SCS IntelliSense: Semantic Highlighting in the Settings (scs-intellisense.semanticHighlighting).

Bracket pair colorization ignores brackets inside comments and strings, so a { in a comment never throws the colors off.

File icons

Files of the game's formats get their own icon in the Explorer and in the editor tabs:

IconExtensionWhat it is
.siiDefinitions
.suiDefinitions included by @include
.pmdModel
.pmgModel geometry
.pmcModel collision
.pmaModel animation
.pimModel source
.pitModel source: looks and variants
.picModel source: collision
.piaModel source: animation
.pipPrefab source
.ppdPrefab
.matMaterial
.tobjTexture
.soundrefSound reference
.bankSound bank
.bank.guidsThe event IDs of a sound bank

The source formats (.pim, .pit, .pic, .pia, .pip) are what SCS Blender Tools exports, before SCS's converter turns them into the game's formats.

Only .sii and .sui get colors and checks. The other types get an icon so they are easy to tell apart. In .mat, .tobj and .soundref files, the paths are also links and follow moved files: see Navigation and Moving and renaming files.

With a file icon theme

The icons come from the extension, but your file icon theme decides what's shown. VS Code shows an extension's icon only when the theme has no icon of its own for that file:

File icon themeWhat you see
Seti (VS Code's default), vscode-iconsThe extension's icons, with nothing to set up
Minimal, and other themes with one icon for every fileThat one icon: these themes never show an extension's icons
A theme with icons of its own (Symbols, Material Icon Theme...)Its own icon when it has one for that file type, or a generic one, or none

Some themes let you choose the icon of a file type in their settings, usually named something like files.associations under the theme's name. Look for it in your theme's documentation. Symbols, for example, shows the extension's icons for every type but .sii and .sui, and this brings those two back:

settings.json
"symbols.files.associations": {
  "*.sii": "sii",
  "*.sui": "sui"
}

Not every theme can do this: in Material Icon Theme the setting only picks one of Material's own icons, so a .sui file shows Material's icon for that type.

To see the extension's icons without changing anything else, pick Seti in Preferences: File Icon Theme (Control plus Shift plus P).