{"id":334552,"date":"2023-03-23T16:27:48","date_gmt":"2023-03-23T15:27:48","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=idea&p=334552"},"modified":"2025-09-17T15:33:59","modified_gmt":"2025-09-17T14:33:59","slug":"new-ui-enhancements-in-intellij-idea-2023-1","status":"publish","type":"idea","link":"https:\/\/blog.jetbrains.com\/zh-hans\/idea\/2023\/03\/new-ui-enhancements-in-intellij-idea-2023-1","title":{"rendered":"New UI Enhancements in IntelliJ IDEA 2023.1"},"content":{"rendered":"\n

Last year, we announced<\/a> our intention to overhaul the UI of IntelliJ-based IDEs to provide developers with a more modern, customizable, and user-friendly interface that improves their overall coding experience.<\/p>\n\n\n\n

Since then, the IntelliJ IDEA team has gradually rolled out the new UI for users. The first version was available within the closed preview program, where we received valuable insights from the participants. After implementing the initial round of refinements based on this feedback, we made the new UI available as a preview to all users via a setting in v2022.3.<\/p>\n\n\n\n

Since the public launch, we\u2019ve seen great interest in the new UI \u2013 it\u2019s exciting to see that many people have embraced this huge change and warmly welcomed it.<\/p>\n\n\n\n

\nhttps:\/\/twitter.com\/jetbrains\/status\/1627667860536393731?t=Xsx3eR5c-khXSDJUF5OQSw&s=19\n<\/div><\/figure>\n\n\n\n

During this time, we received a massive number of comments and suggestions. We collected and thoroughly processed them and worked diligently to implement the necessary changes.<\/p>\n\n\n\n

This extensive feedback helped us prioritize improvements and identify the most popular requests while working on the IntelliJ IDEA 2023.1 release. As a result of this effort, we\u2019ve introduced a number of updates. Let\u2019s take a look!<\/p>\n\n\n\n

Vertical split for tool windows<\/strong><\/h2>\n\n\n\n

For the new UI, we\u2019ve introduced the option to split the tool window area vertically, just like in the old UI. This option allows you to conveniently arrange these windows for more flexibility and control over your workspace.<\/p>\n\n\n\n

To add a tool window to this area and place it in the lower part, drag its icon along the sidebar and drop it under the separator. Alternatively, you can right-click on an icon to call the context menu and assign the new placement for a tool window using the Move to<\/em> action.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Compact Mode<\/em><\/strong><\/h2>\n\n\n\n

We\u2019ve introduced Compact Mode,<\/em> which provides a more consolidated look and feel due to the reduced heights for toolbars and tool window headers, scaled-down spacings and paddings, and smaller icons and buttons. It’s particularly useful for smaller screens or when working on laptops. To turn Compact Mode<\/em> on, go to the View<\/em> menu and select Appearance | Compact Mode.<\/em><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Project tabs on macOS<\/strong><\/h2>\n\n\n\n

We\u2019ve implemented project tabs for new UI users on MacOS. This allows for more intuitive navigation, as you can easily switch between several open projects using project tabs displayed under the main toolbar.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Redesigned Run<\/em> widget<\/strong><\/h2>\n\n\n\n

We have revamped the design of the Run<\/em> widget in the main window header so that its appearance is unobtrusive and easier on the eyes. Thank you for your feedback on this issue!<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Visible file name pane when tabs are hidden<\/strong><\/h2>\n\n\n\n

We\u2019ve fine-tuned the user experience of the new UI by adding a pane that displays the name of the file that is currently open when editor tabs are hidden. You can access the list of recently opened files by clicking on this widget.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Hidden toolbar in Zen<\/em> and Distraction Free<\/em> modes<\/strong><\/h2>\n\n\n\n

The top toolbar is no longer visible in Zen<\/em> and Distraction Free<\/em> modes, providing a cleaner and more focused workspace for developers who want to minimize distractions while working.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Option to show hidden tabs<\/strong><\/h2>\n\n\n\n

New UI users can now see the full list of open editor tabs. It\u2019s accessible via the Show Hidden Tabs<\/em> selector located at the right end of the tabs row.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

New Dark <\/em>editor color scheme<\/strong><\/h2>\n\n\n\n

We\u2019ve reviewed the default editor color scheme and came up with a new Dark<\/em> option that automatically activates when you enable the new UI.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

If you prefer using the previous default color scheme, go to Settings\/Preferences | Editor | Color Scheme<\/em> and select Darcula Contrast<\/em> from the list.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Option to always show tool window icons<\/strong><\/h2>\n\n\n\n

You can now choose how you want the tool window icons to appear in the IDE. By default, the icons in the tool window header appear on mouse hover or when the tool window is focused. Now, you can set it so that they are always visible. To configure it, go to Settings\/Preferences | Advanced Settings | Tool Windows.<\/em><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Option to customize the main toolbar via a context menu<\/strong><\/h2>\n\n\n\n

You can now easily configure the main toolbar to your liking by adding additional actions. Right-click on any widget and select the Customize Toolbar<\/em> option. Choose the widget you want to update and search for the required action.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

We now consider the new UI to be at the Beta stage, and we’re committed to making it even better for future IDE versions. We invite you to give the new UI a try while working on your projects and provide us with your feedback, suggestions, and concerns. This will help us create the best possible user experience.<\/p>\n\n\n\n

To activate the new UI, go to Settings|Preferences \/ Appearance & Behavior \/ New UI<\/em>. You’ll also find the Submit feedback<\/em> button that provides access to the in-IDE feedback form, which you can use to share your comments and feature requests with our team.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Thank you for your ongoing support and help in improving IntelliJ IDEA. We look forward to hearing your opinions about this undertaking, and we value your input!<\/p>\n\n\n\n

Happy developing!<\/p>\n","protected":false},"author":1319,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","categories":[4759,89],"tags":[40,7187,6992],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/idea\/334552"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/idea"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/types\/idea"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/users\/1319"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/comments?post=334552"}],"version-history":[{"count":10,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/idea\/334552\/revisions"}],"predecessor-version":[{"id":625876,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/idea\/334552\/revisions\/625876"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=334552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/categories?post=334552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/tags?post=334552"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/zh-hans\/wp-json\/wp\/v2\/cross-post-tag?post=334552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}