WebStorm
 
2023.2
Shortcuts: Windows
Get WebStorm
You are viewing the documentation for an earlier version of WebStorm.
  1. Reference
  2. Settings
  3. Appearance & Behavior
  4. File Colors

File Colors

Last modified: 05 September 2023

File | Settings | Appearance and Behavior | File Colors for Windows and Linux

WebStorm | Settings | Appearance and Behavior | File Colors for macOS

CtrlAlt0S the Settings icon

Use this page to set colors for distinguishing project files of specific scopes.

Highlighting scopes in the editor

Item

Description

Enable file colors

Select this checkbox to enable the feature.

Use in editor tabs

Enable colors in editor tabs.

Use in project View

Enable colors in the Project tool window and in search results (for example, in the Find in Files dialog CtrlShift0F).

Manage scopes

Click this button to define the required scopes.

Configuring file colors in Settings

Configure colors

Similarly to scopes, color associations can be local and shared.

  • Local colors are only visible to you and are not shared through VCS.

  • Shared colors are placed under version control so that people who work on a project can use the same color associations. They are stored in the project folder under .idea in the fileColors.xml file (for example: MyProject/.idea/fileColors.xml).

Item

Tooltip

Description

the Add button

Add

Click this button to open a list with the available scopes. Click the right arrow button next to the necessary scope in the list and select a color.

the Remove button

Remove

Click this button to remove the selected color-scope association.

the Move up button / the Move down button

Up / Down

Use these buttons to sort the color-scope associations and change the order in which they are applied.

Share through VCS

Select this checkbox to share the selected local scope through VCS.

Click Apply to save the changes and close the dialog. After that you will see colors in the selected areas in the interface:

Scope highlighting in the editor tabs and search results

tip

For more information about working with the feature, refer to Scopes and file colors.

note

This topic explains how to set colors distinguishing project files of specific scopes. If you need to set VCS file status colors, refer to this page.

See also

Procedures