The new user interface (UI) reduces visual complexity, provides easy access to essential features, and progressively discloses complex functionality as needed – resulting in a cleaner look and feel.
Among the key changes are the simplified main toolbar, new tool window layout, new themes, and updated icons.
Enable the new UI
Press ⌃ ⌥ S to open the IDE settings and select.
Select the Enable new UI checkbox and apply the changes. Restart the IDE.
Light and Dark themes
The new Light and Dark color themes have improved contrast and a consistent color palette.
The Inter font is used for the UI on all supported OSs.
A new icon set has more distinguishable shapes and colors designed for legibility and visual balance.
Several new widgets are located in the main window header. From left to right:
The widget shows the current project's name, allows switching between recent projects, creating new projects, and opening the existing ones.
The widget shows the current branch, allows switching branches, and provides the most popular VCS actions. It has replaced the branch widget previously located in the status bar at the bottom of the main window.
The widget allows you to select a real device or a Simulator to run your application on. The set of devicese/Simulators depends on the type of the selected run/debug configuration.
The widget allows you to start run/debug configurations, select other configurations to run, change the mode for the current configuration (run or debug), and edit or delete the current configuration.
It shows the current state of the process. When a process is running, you can restart or stop it using the widget.
Tool windows have a new layout and behaviour:
The tool window bars have big icons for easier visual navigation and a cleaner look. To see a tool window's name, hover over its icon for a tooltip.
Top left and right tool window bars open vertical windows on the left and right sides accordingly .
Bottom left and right bars open horizontal tool windows at the bottom of the IDE.
The vertical split view, in which two tool windows could previously be open on the same side vertically, will be added later. The horizontal split works as usual.
The More tool windows button shows tool windows not yet present on any of the tool window stripes. When a tool window is selected, it is opened and its button appears on the default stripe for this tool window.
Tabs use more space and a bigger font for better legibility.
Editor tabs can show only a single line of tabs. A two-line layout is possible for pinned tabs. The multiline layout will be added later.
File colors are temporarily turned off for editor tabs as we are working on an improved presentation of file colors. If needed, you can bring back the previous file colors in .
Breakpoints are now placed over line numbers by default to save horizontal space.
You can place breakpoints near line numbers: press ⌃ ⇧ A, type Breakpoints Over Line Numbers, and disable the option.
Folding icons have been updated. Icons for unfolded areas show up on hover for a less cluttered look.
Annotations (Git Blame) have an updated color palette to help you see the recent changes faster.
Debug tool window
Two separate toolbars with the main debug actions were streamlined and moved to a single toolbar near the tool window tabs for better screen space management.
Tabs for switching between the Threads & Variables view and Console now also appear in the tool window tabs when there is a single running configuration.
Run tool window
The toolbar with run actions was also moved to the tool window tabs for consistency with the Debug tool window.
The navigation bar is now located in the status bar at the bottom of the main window.
If you prefer the former location, you can move it back to the top, or even turn it off completely. To do so, go to the main menu and select.