Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>File Decoration ProviderNew to Visual Studio Code? Get it now.
File Decoration Provider

File Decoration Provider

Wujidadi

|
7 installs
| (1) | Free
Color the tab labels of non-workspace files, user configuration files, the Settings editor, extension pages, and untitled editors via file decorations.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Visual Studio Code File Decoration Provider

Colors the tab labels of the editors below via a FileDecorationProvider — the same mechanism as Git decorations (gray for ignored files, modified color, etc.), so it coexists with them peacefully:

  • Files outside the current workspace (file scheme, not under any workspace folder)
  • Files inside a .git directory (file scheme, any .git path segment)
  • User configuration files: user-scope settings.json and keybindings.json (vscode-userdata scheme)
  • The Settings GUI editor (vscode-settings scheme)
  • Extension detail pages "Extension: xxx" (extension scheme)
  • Newly opened, unsaved untitled editors (untitled scheme)

Colors

Each category maps to its own theme color ID, all defaulting to #8C8C8C, and can be overridden via workbench.colorCustomizations:

"workbench.colorCustomizations": {
    "fileDecorationProvider.nonWorkspaceFiles": "#8c8c8c",
    "fileDecorationProvider.gitInternals": "#8c8c8c",
    "fileDecorationProvider.userData": "#8c8c8c",
    "fileDecorationProvider.settingsEditor": "#8c8c8c",
    "fileDecorationProvider.extensionPages": "#8c8c8c",
    "fileDecorationProvider.untitled": "#8c8c8c"
}

Settings

Each category can be toggled independently; all default to enabled:

  • fileDecorationProvider.decorate.nonWorkspaceFiles
  • fileDecorationProvider.decorate.gitInternals
  • fileDecorationProvider.decorate.userData
  • fileDecorationProvider.decorate.settingsEditor
  • fileDecorationProvider.decorate.extensionPages
  • fileDecorationProvider.decorate.untitled

Requirements and limitations

  • Tab coloring requires workbench.editor.decorations.colors to be enabled; to also take effect in the Explorer, explorer.decorations.colors is required as well
  • Problems decorations (error red, warning yellow) have higher priority and override this extension's colors
  • The Keyboard Shortcuts GUI editor has no resource URI inside VS Code (resource = undefined), so no decoration mechanism can color it; keybindings.json opened as JSON belongs to vscode-userdata and is colored normally
  • With no folder open (an empty window), file scheme files are not dimmed as "non-workspace"
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft