File | Settings | IDE Settings | Appearance
Use this page to change the overall look and feel of your IDE.
|Cyclic scrolling in list||Select this check box to enable scrolling through a list by jumping from the last item to the first one and vice versa.|
|Show icons in quick navigation||Select this check box to have the module and module icon shown in the quick navigation pop-up menu (Ctrl/Ctrl+Shift/Ctrl+Shift+Alt+NCtrl+Shift+Alt+NCtrl+Shift+Alt+NCtrl+Shift+Alt+NCtrl+Shift+Alt+NCtrl+Shift+Alt+NCtrl+Shift+Alt+OCtrl+Shift+Alt+NAlt Command OShift Alt Command NAlt Command O) .|
|Automatically position mouse cursor on default button||Select this check box to have the mouse pointer placed at the default button when a dialog box opens. If the check box is not selected, the pointer location does not change.|
|Hide navigation popups on focus loss||If this check box is selected, the navigation pop-up frames (go to class/file/symbol) close,
when any other WebStorm component gets the focus.
If this check box is not selected, the navigation pop-up frames persist on changing the focus, and the only way to close such pop-up lays with pressing EscapeEscapeEscapeEscapeEscape, Escape or Ctrl+GEscapeEscapeEscapeEscapeEscapeEscape.
|Theme||Use this drop-down list to select the desired theme from the list.
In particular, Darcula theme is available. Changing to/from this theme requires WebStorm restart.
|Tooltip initial delay (ms)||Use this slider to specify the time to pass between the moment you hover the mouse over an item in the editor and the moment when the tooltip with its value appears. This settings is especially important during debugging. If the delay is too short using the mouse becomes inconvenient because every mouse move across the screen brings forward a number of tooltips with the values of all the variables.|
|Override default fonts by (not recommended)||Select this check box to enable specifying font family and size to be used instead of the default one.
When first installed, WebStorm takes Windows default font size and style.
The transparency mode is available only for Windows 2000/Windows XP or higher.
|Use transparent mode for floating windows||Select this check box if you want floating tool windows to become semi-transparent when inactive (i.e. not in focus).
The Delay and Ratio fields are enabled only after you select the Use transparent mode... check box.
|Delay (ms)||In this text box, specify the time in milliseconds after which an inactive floating tool window becomes transparent.|
|Ratio||Specify the transparency ratio for the floating tool windows using the sliding scale.
The higher the ratio, the more transparent and less visible the tool windows are.
Select this check box to have undocked tool windows slide with the animation effect.
This option applies only when a tool window is undocked.
|Show memory indicator||Select this check box to show the Memory Indicator on the Status Bar.|
|Show tool window bars||Select this check box to display tool window bars.|
|Show tool window numbers||
Select this check box to show tool window quick access numbers
on the tool window buttons.
You can use the Alt+number shortcuts regardless of this setting and change the shortcuts in the Keymaps dialog.
Note that the tool window mnemonics show up only when the corresponding keybindings have the format Alt+n , where n is an integer number in the range from 1 to 9. In the case of a different keyboard shortcut, the mnemonics are not displayed.
|Disable mnemonics in controls||Select this check box to hide underlining of hot keys in the WebStorm controls.|
|Disable mnemonics in menu||Select this check box to hide underlining of hot keys in the WebStorm menus.|
|Allow merging buttons on dialogs||If this check box is selected, the multiple commands in a dialog box are grouped under a single button with a down arrow.
You can view all merged commands by clicking the drop-down list, or pressing Shift+Alt+Enter
If this check box is not selected, the buttons will be shown in a row. Compare:
|Small labels in editor tabs||If this check box is cleared, the font size on the editor tabs is set to the default value, as in the project tree view.
If this check box is selected, the font size on the editor tabs is set to the smaller value.
|Widescreen tool window layout||If this check box is selected, the way the tool windows are positioned is optimized for a wide-screen display.
Widescreen tool window layout is OFF:
Widescreen tool window layout is ON:
|Side by side layout on the left/right||When these check boxes are selected, the way the tool windows are positioned is optimized for a wide-screen display
Side-by-side layout is OFF:
Side by side layout is ON:
Toggle layout by Ctrl+MouseClick on splitter between the tool windows.
This only applies to the tool windows located on the left and right sides, but not at the top and bottom of the WebStorm window.
|Font size||Use the drop-down list to select font size for the presentation mode.|