File icons

The extension gives .ree files a branded red "R" icon. There are two ways to get it, depending on which icon theme you use.

Bundled icon theme

The extension ships a file-icon theme called ree Icons. Select it from the Command Palette:

1. Run Preferences: File Icon Theme.
2. Choose ree Icons.

.ree files and ree-templates folders then show the branded icons.

vscode-icons integration

If you prefer the popular vscode-icons theme, the extension also ships SVGs you can register as custom icons so .ree files keep the red "R".

1. Create the custom-icons folder

vscode-icons reads custom icons from a folder named exactly vsicons-custom-icons inside your VS Code user-data directory:

mkdir -p "$HOME/Library/Application Support/Code/User/vsicons-custom-icons"

mkdir -p "$HOME/.config/Code/User/vsicons-custom-icons"

mkdir "$env:APPDATA\Code\User\vsicons-custom-icons"

Replace Code with Code - Insiders, Code - OSS, or code-oss-dev for those variants.

2. Copy the SVGs

The icon lives inside the installed extension, not in a project you have checked out - it ships in the .vsix under icons/ree-file.svg. Find it in your VS Code extensions folder, where the extension version is part of the directory name (reepolee.ree-templates-<version>), then copy it into the three required names:

EXT_DIR="$(ls -d "$HOME/.vscode/extensions/reepolee.ree-templates-"* | sort -V | tail -1)"
DEST="$HOME/Library/Application Support/Code/User/vsicons-custom-icons"

cp "$EXT_DIR/icons/ree-file.svg" "$DEST/file_type_ree.svg"
cp "$EXT_DIR/icons/ree-file.svg" "$DEST/folder_type_ree.svg"
cp "$EXT_DIR/icons/ree-file.svg" "$DEST/folder_type_ree_opened.svg"

EXT_DIR="$(ls -d "$HOME/.vscode/extensions/reepolee.ree-templates-"* | sort -V | tail -1)"
DEST="$HOME/.config/Code/User/vsicons-custom-icons"

cp "$EXT_DIR/icons/ree-file.svg" "$DEST/file_type_ree.svg"
cp "$EXT_DIR/icons/ree-file.svg" "$DEST/folder_type_ree.svg"
cp "$EXT_DIR/icons/ree-file.svg" "$DEST/folder_type_ree_opened.svg"

$extDir = Get-ChildItem "$env:USERPROFILE\.vscode\extensions\reepolee.ree-templates-*" | Sort-Object Name | Select-Object -Last 1
$dest = "$env:APPDATA\Code\User\vsicons-custom-icons"

Copy-Item "$($extDir.FullName)\icons\ree-file.svg" "$dest\file_type_ree.svg"
Copy-Item "$($extDir.FullName)\icons\ree-file.svg" "$dest\folder_type_ree.svg"
Copy-Item "$($extDir.FullName)\icons\ree-file.svg" "$dest\folder_type_ree_opened.svg"

If more than one version of the extension is installed, remove the older folder first so the glob above only matches one directory.

3. Add the associations

In your settings.json:

{
    "vsicons.associations.files": [{ "icon": "ree", "extensions": ["ree"], "format": "svg" }],
    "vsicons.associations.folders": [{ "icon": "ree", "extensions": ["ree-templates"], "format": "svg" }]
}

4. Apply the customization

Run Icons: Apply Icons Customization from the Command Palette. VS Code reloads and the custom icons appear.

Troubleshooting

• Make sure the folder is named exactly vsicons-custom-icons and the filenames match the convention above.
• Confirm workbench.iconTheme is set to vscode-icons.
• Re-run Icons: Apply Icons Customization after any change.
• Ensure settings.json is valid JSON (no trailing commas) and reload the window.