{"id":436338,"date":"2024-01-31T15:11:24","date_gmt":"2024-01-31T14:11:24","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=idea&#038;p=436338"},"modified":"2025-09-17T12:19:36","modified_gmt":"2025-09-17T11:19:36","slug":"top-10-ui-updates-in-intellij-idea","status":"publish","type":"idea","link":"https:\/\/blog.jetbrains.com\/idea\/2024\/01\/top-10-ui-updates-in-intellij-idea\/","title":{"rendered":"Top 10 UI Updates in IntelliJ IDEA for 2023"},"content":{"rendered":"\n<p>Hey there, fellow developers! Today, we want to share the most significant UI updates from 2023 that have transformed how IntelliJ IDEA looks and functions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">New UI<\/h2>\n\n\n\n<p>Of course, the highlight of our recent updates was the launch of our new, clean, and modern UI. This was first announced at the end of 2022, but the UI truly began to flourish in 2023. The new UI was designed to help you focus more on your code and access essential tools faster.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"New UI: Minimize distractions. Boost productivity. Stay in the zone.\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/eOA-cX0p4C4?start=1&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>This year, the IntelliJ IDEA UI gained several exciting enhancements, including a compact mode, a revamped <em>Run<\/em> widget, a fresh <em>Dark<\/em> theme, the ability to personalize the main toolbar via a context menu, and much more.<\/p>\n\n\n\n<p>Check out this <a href=\"https:\/\/blog.jetbrains.com\/idea\/2023\/03\/new-ui-enhancements-in-intellij-idea-2023-1\/\">blog post<\/a> for more details.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Color-coded editor tabs<\/h2>\n\n\n\n<p>We made navigating different file types in the editor a whole lot easier! Now, editor tabs come with default color-coded highlighting. This matches their look in the <em>Project<\/em> tool window, making switching between various files much easier when working with a busy screen. This comes with the added bonus of giving you a more vibrant and organized editing experience!<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2025\/09\/Gl_9LespD9PCeUoIQSV4JWHEZfrElrPCh-bLQakLeuzhVyQZ8guUNHF53L6NRdbu6XtBMxq7XkIYWEnmMsQl-TeWVOF3NaiQu3UzPXbOuQh9wihrdThyVG7en1tG3ubGrha6kbEAVlI374XQ9X9iYFI-2.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>You can customize this setting in <em>Settings\/Preferences | Appearance &amp; Behavior | File Colors<\/em>.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2025\/09\/qwjgJhaC556ALd5PpX6KKR1vMYeQ6v9zDZBy2ifu-hq-6F4p31InEJCRo-kA4Zd86-ERnGUp368ev935wTJanM-FfpFlenoEbdjDmqcWcDhvvA5bSo_HHa57O_MaGCuN29KDhAANZS7vHQ6ffCIrdQU-2.png\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Colored project headers<\/h2>\n\n\n\n<p>We&#8217;ve introduced colored headers to make it visually easier to switch between your open projects. Each project can have its own unique color and icon, so you&#8217;ll always know which project you\u2019re working on.<br><\/p>\n\n\n\n<p>And there&#8217;s more \u2013 these headers come with fun, predefined colors, but you can change them to whichever ones you like! Just right-click on a header, select <em>Change Toolbar Color<\/em> in the context menu, and pick your favorite shade. Not into colors? No problem. You can turn this feature off at any time by deselecting <em>Use Project Colors in Toolbar<\/em> from the same menu.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2025\/09\/yRMmJsuDP9ZZxTCEWkvxdQN_RZJXXGZkEaInMUV-mYSCushnRbYp_1XrItVSNwWphxxQMn3GhyNZyIlWjci8gLxYke5VUazoOeLOceSzyiWA_2_vn7C8ulmO-fC303ZknQDU-2N8IpADeKlI0-dKiRM-2.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><em>Run to Cursor<\/em> inlay option in the debugger<\/h2>\n\n\n\n<p>When you&#8217;re knee-deep in debugging and stepping doesn\u2019t bring you to the desired line of code, the <em>Run to Cursor<\/em> inlay option lets you land exactly where you want. Once your program is suspended, just hover over your target line, click on the <em>Run to Cursor<\/em> popup, and you\u2019re there. You can also activate this feature by pressing <em>\u2325F9 <\/em>on macOS or<em> Alt+F9<\/em> on Windows once you&#8217;ve positioned the cursor on the line you&#8217;re interested in.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2025\/09\/O_vwmpL1qMQBCEDbAtjhKEPjh9S7bvtMLf0N9hjtoXZMM84wKwmFR4VVT1KdJqrIRYmE4_9_vXA1ch6J-jP3kK7hnzSLAbZ2vLx41EWSClmo0v5ZFTYkCEuzcFnWlicOzL2OuBRD2eq_43N5KSf0Hq0-2.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">In-editor performance hints<\/h2>\n\n\n\n<p>This year, the IntelliJ Profiler&#8217;s UI received a fantastic makeover! We rolled out in-editor hints \u2013 something that we see as a game-changer when it comes to understanding your code&#8217;s performance, line by line, helping you fix performance problems quicker than ever.<br><\/p>\n\n\n\n<p>With this feature, the IntelliJ Profiler&#8217;s data now appears directly in your editor. You&#8217;ll see the execution time and memory allocation data right next to the relevant lines of code, in the gutter. And to make things even easier, these annotations come in different colors. This helps you instantly spot which methods need your attention \u2013 those eating up most of the parent method\u2019s resources are marked in red, and if they&#8217;re drastically impacting total execution time, you&#8217;ll also see a fire icon.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2025\/09\/wRLIdKjDZ9s8xne1EaUZjQdDSv4Ch_54e6dFtTwq20RxmH-8C1XLz4Yp0NdJYiYSlogkEC2DnG_lrMGVeMQCKi2sRL3Vr44vs6fkDFySxuXZPtp7SfEmgpCC2Hqbs7mhSPKqV7oTEGYnscYa7bbFhbA-2.gif\" alt=\"\"\/><\/figure>\n\n\n\n<p><br>These inline performance hints are enabled by default. If you prefer to work without them, no problem! Just right-click on any of the annotations and select <em>Close Line Annotations <\/em>to disable them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Floating toolbar&nbsp;<\/h2>\n\n\n\n<p>An exciting new feature, the floating toolbar, pops up right next to the code you&#8217;re working on. It&#8217;s packed with quick-edit actions like <em>Extract,<\/em> <em>Surround<\/em>, <em>Reformat<\/em>, and <em>Comment<\/em>.<\/p>\n\n\n\n<p>If you want to fine-tune this toolbar to your liking, just click on the kebab menu (those three little vertical dots) to personalize it. And if you ever feel like it&#8217;s in the way, no worries \u2013 you can easily hide it, either by selecting <em>Don\u2019t Show Toolbar<\/em> from the same menu or by heading to <em>Settings\/Preferences| Advanced Settings | Editor<\/em> and selecting the <em>Hide floating toolbar for code<\/em> editing box.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2025\/09\/GTXYLAEvxoqzPm-CCGBZXXbN_OplM1pfxSbTjvH43JGzgyR2Fd0S3m7S5iDtmYU4e_arklyySMMx9FvyQNoWQqEIhF8wdlDGNitK2Ju-oN2VeRWUXBKXHv3AIyahqNZTEbBFoGUHA1AYVaaXvKsAhs0-2.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Improved main toolbar customization<\/h2>\n\n\n\n<p>Customizing the new UI&#8217;s main toolbar has become much easier and more fun in 2023. You can now simply use the dropdown menu to quickly pick and add the tools you need. Just right-click on any widget, select <em>Add to Main Toolbar<\/em>, and explore all the available options.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2025\/09\/FSEy9ABX8iyPQRRxVmZgDbV-q7zfCD-M5Hoh16oWIl5-ynsvFCXkvMvenL1akSEmbO9eXrs3uyZ0zl2YOgU62a5Rlx5DG5_R6exmEi_ZNVZYsDic9EZQugs9Bg0xcoHZckegBvEiyjjGeyRVWmlViu8-2.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Window layouts<\/h2>\n\n\n\n<p>Back in March 2023, we rolled out a feature allowing you to save various tool window layouts and switch between them, making your workspace customized to your needs. Then, later in the year, we added the <em>Default<\/em> layout option that lets you quickly reset your workspace to its original look. This layout is fixed and can&#8217;t be customized, but it&#8217;s easily accessible under <em>Window | Layouts<\/em>.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2025\/09\/OCX5PgocGaps1INyZa6ddq35yhxPE1Wwb11Sf2b_szSMsO2sz6K39Mhy-PgmHAcPbSNy6mvbrI2K5jOlfZNQpwTXdNYMnGi1wIPfnJxQOYdavYNYEgLikAYPSZXpUkf1ZQ5cfmbhMVK9DaP_5mzoiR4-2.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">File sorting by modification time in the <em>Project<\/em> view&nbsp;<\/h2>\n\n\n\n<p>We added a much-requested feature to arrange files in the <em>Project <\/em>view by their modification time. This cool new function keeps your files organized automatically, updating their order every time you save changes in your project. To enable this feature, just head to the kebab menu in the <em>Project<\/em> view, and choose <em>Tree Appearance | Sort by Modification Time<\/em>.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2025\/09\/sBMa5rA9OzSLXwy_hjQuD4Mv04BHhzIIQxB0xBU6hXt1F9XUeGk6AMiWTktLOYlEAil0uAKKYLomyMIq1aprcy_6BvHBxssaw-d_L6K3yUORLHDUKyigMyeP9lOwrO6XN3xF3hJH74p3J3UFTWlLElI-2.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Full IDE zoom&nbsp;<\/h2>\n\n\n\n<p>Say goodbye to eye pain! With IntelliJ IDEA, you can now zoom in and out of the entire interface, resizing all UI elements in one go. Just navigate to the main menu, and click on <em>View | Appearance<\/em>, where you can easily adjust the IDE&#8217;s scaling to your comfort.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2025\/09\/4D4OuGIF56nZHiW1bn_ZQ9qG_3NLEgnpSjjOSNAhp9OdaA7GWeSpswv9eWxwbbIgzMMwBlKcAeufbNejX-8fJWqcSU-2SUCcJ9F8B0TtxlmQfWkjllzbBlAknou4rlrOyd5vGElO4aaWLMVUMlpgj-M-2.gif\" alt=\"\"\/><\/figure>\n\n\n\n<p><br>Spoiler alert: in the next release, version 2024.1, we&#8217;re introducing <a href=\"https:\/\/blog.jetbrains.com\/idea\/2024\/01\/intellij-idea-2024-1-eap\/#option-to-scale-down-the-entire-ide\">the ability to zoom out your UI to below 100%<\/a>!<\/p>\n\n\n\n<p>We hope you&#8217;ve enjoyed these changes as much as we loved creating them. We&#8217;re excited to bring even more cool UI updates your way throughout 2024. Your feedback is invaluable to us, so please, let us know your thoughts in the comments below this blog post.<\/p>\n","protected":false},"author":1138,"featured_media":436340,"comment_status":"closed","ping_status":"closed","template":"","categories":[808,3989,4759,3637],"tags":[40,862],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/idea\/436338"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/idea"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/types\/idea"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/users\/1138"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/comments?post=436338"}],"version-history":[{"count":7,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/idea\/436338\/revisions"}],"predecessor-version":[{"id":621325,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/idea\/436338\/revisions\/621325"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/media\/436340"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/media?parent=436338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/categories?post=436338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/tags?post=436338"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/cross-post-tag?post=436338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}