🟪 ECODrix Icons

ECODrix-branded file and folder icons for any VS Code-derived editor.

Works in VS Code, Kiro, Cursor, Windsurf, code-server, OpenVSCode, GitHub.dev — anywhere VS Code's icon-theme API is supported.

What it brands

Three ways to use it

🏆 Option 1 — Standalone ECODrix icon theme (full branding)

Replaces Material/default with full ECODrix visual identity across all file types.

# Sideload the .vsix
code --install-extension ecodrix-vscode-icons-0.2.0.vsix
# Then: Command Palette → Preferences: File Icon Theme → ECODrix

Covers: .ts .tsx .js .jsx .py .go .rs .sql .sh .css .html .md .yaml .json .env + all ECODrix config files + src/ / erix-*/ / .kiro/ folders.

🔧 Option 2 — Inject ECODrix SVGs into Material Icon Theme

Keep Material's theme active but serve actual ECODrix SVG icons for all file types. Material Icon Theme supports custom SVG paths relative to its own install directory.

Step 1 — Run the injector script:

# For VS Code
bash inject-into-material.sh

# For Kiro
bash inject-into-material.sh --kiro

# For Cursor
bash inject-into-material.sh --cursor

# For Windsurf
bash inject-into-material.sh --windsurf

The script auto-finds the Material extension directory, copies all ECODrix SVGs there, and prints the exact settings snippet to add.

Step 2 — Add settings to .vscode/settings.json:

{
  "material-icon-theme.files.associations": {
    "**.ts":             "../../ecodrix/file-ts",
    "**.tsx":            "../../ecodrix/file-tsx",
    "**.js":             "../../ecodrix/file-js",
    "**.jsx":            "../../ecodrix/file-jsx",
    "**.py":             "../../ecodrix/file-py",
    "**.go":             "../../ecodrix/file-go",
    "**.rs":             "../../ecodrix/file-rs",
    "**.css":            "../../ecodrix/file-css",
    "**.html":           "../../ecodrix/file-html",
    "**.md":             "../../ecodrix/file-md",
    "**.yaml":           "../../ecodrix/file-yaml",
    "**.json":           "../../ecodrix/file-json",
    ".env":              "../../ecodrix/file-env",
    "package.json":      "../../ecodrix/file-pkg",
    ".codereview.json":  "../../ecodrix/ecodrix",
    ".erixignore":       "../../ecodrix/ecodrix"
  },
  "material-icon-theme.folders.associations": {
    "ecodrix":       "../../ecodrix/ecodrix-folder",
    "erix-buddy":    "../../ecodrix/ecodrix-folder",
    "erix-reviewer": "../../ecodrix/ecodrix-folder",
    ".kiro":         "../../ecodrix/ecodrix-folder",
    "src":           "../../ecodrix/folder-src",
    "lib":           "../../ecodrix/folder-src"
  }
}

Step 3 — Reload: Ctrl+Shift+P → Developer: Reload Window

Note: Material Icon Theme paths are relative to the extension's install directory. The injector copies your SVGs there. If Material auto-updates, re-run the injector script.

📋 Option 3 — Name-only overlay (zero setup)

No SVGs copied. Maps ECODrix-specific files/folders to Material's built-in icon names. Good for teams where not everyone wants to run the injector.

Copy the "material-icon-theme.files.associations" and "material-icon-theme.folders.associations" blocks from material-theme-overlay.json (Approach A section) into your workspace or user settings.

{
  "material-icon-theme.files.associations": {
    ".codereview.json": "yaml",
    ".erixignore": "git",
    "erix-review.yml": "github-actions",
    "code-review-report.md": "markdown"
  },
  "material-icon-theme.folders.associations": {
    "ecodrix": "client",
    "erix-buddy": "robot",
    "erix-reviewer": "robot",
    "erix-api": "api",
    ".kiro": "command"
  }
}

These only affect ECODrix-specific file/folder names. General files (.ts, .py, etc.) keep their Material icons.

Install

From the Marketplace

ext install ecodrix.ecodrix-vscode-icons

Or in any VS Code-derivative: Extensions panel → search "ECODrix Icons" → Install.

Sideload (pre-publish, or for forks)

git clone https://github.com/ecodrix/vscode-icons
cd vscode-icons
pnpm install
pnpm package        # produces ecodrix-vscode-icons-0.1.0.vsix
code --install-extension ecodrix-vscode-icons-0.1.0.vsix

Replace code with kiro, cursor, windsurf etc. depending on your editor.

Customise

Edit theme/ecodrix-icons.json to map more file/folder names to the ECODrix icon. The schema is documented at VS Code's icon-theme reference.

To add a new file mapping:

{
  "fileNames": {
    "my-ecodrix-file.json": "ecodrix"
  }
}

To add a folder mapping (both closed and open states):

{
  "folderNames": { "my-ecodrix-folder": "ecodrix-folder" },
  "folderNamesExpanded": { "my-ecodrix-folder": "ecodrix-folder-open" }
}

Re-run pnpm package and re-install the .vsix.

Ship a new version

pnpm version patch
pnpm publish        # uses vsce — needs VSCE_PAT env var with marketplace token

License

MIT — built and maintained by ECODrix.