WebStorm
 
2022.2
Shortcuts: Windows
Get WebStorm
You are viewing the documentation for an earlier version of WebStorm.
  1. Meet WebStorm
  2. User interface
  3. User interface themes

User interface themes

Last modified: 30 November 2021

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.

note

The interface theme is not the same as the color scheme, which defines the colors, fonts, and syntax-highlight for various text resources: the source code, search results, and so on.

Change the UI theme

  1. In the Settings/Preferences dialog (Ctrl+Alt+S), select Appearance & Behavior | Appearance.

    Alternatively, press Ctrl+` and select Theme from the Switch list.

  2. Select the UI theme from the Theme list:

    • IntelliJ Light: Traditional light theme for IntelliJ-based IDEs

    • macOS Light or Windows 10 Light: OS-specific light theme available as a bundled plugin

    • Darcula: Default dark theme

    • High contrast: Theme designed for users with color vision deficiency

Preferences | Appearance & Behavior | Appearance

Select Sync with OS to let WebStorm detect the current system settings and use the default dark or light theme accordingly.

You can install a custom theme from the JetBrains Plugin Repository as described in Managing plugins.