Colors and Fonts
On this page:
Use this section to select the Colors and Fonts scheme. WebStorm suggests several pre-defined schemes, one of them being the default.
Use the corresponding pages to change font type, colors and highlighting for the supported languages, consoles, debugger, version control, differences viewer, file statuses, and scopes. Note that besides color settings, highlighting is determined by your Inspection Profile. For example, if you do not want unused symbols to be highlighted, turn off the Unused Symbol inspection in the profile being used.
Choose specific nested page, and configure as required.
|Font||Use this page to define the family of the font to be used in the editor, its size, and line spacing.|
|General||Use this page to customize the font type and colors for the editor textual components, specified in the list.|
|Language defaults||Use this page to customize the default settings that are common to all the supported languages, for the selected textual components, specified in the list, semantic highlighting that helps you tell the parameters at a glance, etc. |
Refer to these examples.
|Console Colors||Use this page to define the colors to be used in the run or debug console (see Run Tool Window, Debug Tool Window. Console ).|
|Console Font||Use this page to define the family of the font to be used in the run or debug console, its size, and line spacing (see Run Tool Window , Debug Tool Window. Console ).|
|Custom||Use this page to customize the font type and colors in user-defined file types , in particular, for custom keywords highlighting.|
|VCS||Use this page to customize the colors of the left gutter markers and VCS annotations. To change color of any VCS component, click the corresponding color swatch to show the Color Picker dialog, and select the desired color.|
|File Status||Use this page to customize font type and colors to visually denote the current file status with regards to a VCS repository.|
|By Scope||Use this page to customize colors and highlighting for different scopes. |
To edit a scope, click the Edit Scopes button below the pane with a list of existing scopes. The Scopes dialog box opens.
|Languages and WebStorm components||Use these pages to customize font type and colors for the corresponding file types and the WebStorm components.|