User interface themes
The interface theme defines the appearance of windows, dialogs, buttons, and all visual elements of the user interface. By default, WebStorm uses the Darcula theme, unless you changed it during the first run.
Change the UI theme
In the Settings dialog (Control+Alt+S), select Appearance & Behavior | Appearance.
Alternatively, press Control+` and select Theme from the Switch list.
Select the UI theme from the Theme list:
Light: WebStorm default light theme
Dark: WebStorm default dark theme
Light with Light Header
Darcula
IntelliJ Light: Traditional light theme for IntelliJ-based IDEs
High contrast: Theme designed for users with color vision deficiency
Select Sync with OS to let WebStorm detect the current system settings and use the default dark or light theme accordingly. If your OS is set up to auto-switch between day and night modes, the IDE will automatically toggle between light and dark themes too.
You can install a custom theme from JetBrains Marketplace as described in Managing plugins.
Productivity tips
Use the quick switcher
Press Control+` or select
from the main menu.In the Switch popup, select Theme, and then select the desired interface theme.
Create shortcuts
You can map the Theme action to your preferred key combination.