Skip to content

VSCode Extension to customize your folder and subfolders based on a specific path. Set a color, text badge, emoji badge or tooltip for any folder in your workspace.

License

Notifications You must be signed in to change notification settings

j3lte/vscode-folder-customization

Repository files navigation

Logo

Folder Customization

Set a color, text badge, emoji badge or tooltip for any folder in your workspace.


Recording

This extension allows you to customize your folders in your workspace settings, by setting a color, badge (text or emoji) and tooltip. This is visible in the Explorer view and the tabs.

Features

Right click on a folder in the Explorer view and select Folder Customization to open the context menu.

Folder Customization

Select an emoji badge for a folder.

Folder Customization

Select a color for a folder.

Folder Customization

Features
Customize the color of a folder (256 ANSI Colors)
Set a text badge for a folder
Set an emoji as text badge for a folder
Set a tooltip for a folder

Requirements

This extension does not have any additional requirements. Internally it uses the vscode.git extension to determine if it should set a color or not.

Usage

Right click on a folder in the Explorer view and select Folder Customization to open the context menu.

Command Description
Set Color Set the color of the folder. This will colorize the folder (and all subfolders) in the Explorer view and the tabs (name).
Clear Color Clear the color of the folder while keeping the badge and tooltip.
Set Text Badge Set a text badge for the folder. This will show next to the name of a file/folder. Note that a Text Badge can only be 2 letters.
Set Emoji Badge Set an emoji badge for the folder. This will show next to the name of a file/folder.
Clear Badge Clear the badge of the folder while keeping the color and tooltip.
Set Tooltip Set a tooltip for the folder. This will show when hovering over a file/folder in the Explorer view.
Clear Tooltip Clear the tooltip of the folder while keeping the color and badge.
Block Color Block the parent folder from setting a color.
Block Badge Block the parent folder from setting a badge.
Clear All Folder Customizations Clear all customizations of the folder.
Reset Workspace Clear all customizations of all folders in the workspace.

Extension Settings

Folders

This extension wlll save the configuration for every folder in folder-customization.folders in your workspace settings. This has the following keys:

Key Description
path Path of the folder
color Color of the folder (foldercustomization.AnsiColor0-255) (optional)
badge Badge text of the folder (optional)
tooltip Tooltip of the folder (optional)

These settings don't have to set by hand, you can use the context menu (see Usage) in the Explorer view to set these settings per folder. Note: When color or badge is set as "__blocked__", it means it will block the parent folder from setting a color, or badge. This doesn't work for tooltip.

Other settings

  • folder-customization.colorChangedFolders - Color changed folders in the Explorer view. (default: false)

Release notes

Please see the changelog for the information about the latest updates.

Following extension guidelines

The extension follows the Extension Guidelines that are provided by Microsoft

About

VSCode Extension to customize your folder and subfolders based on a specific path. Set a color, text badge, emoji badge or tooltip for any folder in your workspace.

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

Packages

No packages published