Overview of the user interface
When you first run WebStorm or have no project open, WebStorm displays the Welcome screen. When you open a project, WebStorm displays the main window.
This is the default (out-of-the-box) IDE interface layout. Depending on the set of plugins that you install and enable, the way your IDE looks and behaves may be different.
Main menu and toolbar: contain commands that affect the entire project or parts of the project, such as opening, creating a project, refactoring the code, running and debugging applications, managing files under version control and so on.
The main toolbar duplicates the main menu's essential commands for quicker access. By default, the main toolbar is hidden. To show it, selectfrom the main menu.
Useto hide or show the navigation bar. Press Alt+Home to change the focus to the navigation bar.
Status bar: indicates the status of your project, the entire IDE, and shows various warning and information messages.
Editor : read, create, and modify your code.
Tool windows: secondary windows that provide access to project management, search, running and debugging, integration with version control systems, and other tasks.
User interface themes
The interface theme defines the appearance of windows, dialogs, and controls. By default, WebStorm uses the Darcula theme, unless you changed it during the first run.
Change the UI theme
In the Settings/Preferences dialog (Ctrl+Alt+S), select Appearance & Behavior | Appearance.
Select the UI theme from the Theme list:
Darcula: Default dark theme
Light: More traditional light theme
High contrast: Theme designed for users with color vision deficiency