Appearance | IntelliJ IDEA (2024)

IntelliJIDEA 2024.1 Help

Use this page to change the overall look and feel of your IDE.

Appearance | IntelliJIDEA (1)

Option

Description

Theme

Select the UI theme from the list. By default, you can choose between a light, a dark, and a high-contrast theme. You can install other themes as plugins. For more information, refer to User interface themes.

Sync with OS

Detect the current system settings and use a dark or light theme accordingly.

Click Appearance | IntelliJIDEA (2) to select the color scheme and the user interface theme that will be applied when the settings are synced with your OS.

Editor color scheme

Select a color scheme that defines the colors, fonts, and syntax highlighting for various text resources.

The default color scheme for the current theme is indicated in the list.

Click Appearance | IntelliJIDEA (3) to navigate to color scheme settings, export a scheme to a file, or import a color scheme.

Accessibility

Option

Description

Zoom

Zoom in and out the entire IDE, increasing or decreasing the size of all UI elements at once.

You can also access this setting from the main menu: select View | Appearance | Zoom IDE.

Use custom font

Specify custom font family and size to use in the IntelliJIDEA UI.

Support screen readers

Enable screen reader support for IntelliJIDEA. For more information, refer to Accessibility.

Use contrast scrollbars

Make the editor scrollbar more visible.

Adjust colors for red-green vision deficiency

Adjust UI colors to better perceive colors in case of protanopia and deuteranopia.

UI Options

Option

Description

Show tree indent guides

Display vertical lines that mark indent levels in tree views, for example, in the Project tool window. These lines can help you better understand the hierarchy of the components in your project.

Use smaller indents in trees

Decrease the amount of space between the tool window border and the text in tree views, for example, in the Project tool window.

Enable mnemonics in menu

Underline hotkeys that you can press to execute a menu action.

Enable mnemonics in controls

Underline hotkeys that you can press to use controls in dialogs.

Use project colors in main toolbar

Use colored headers to simplify navigation between several open projects. For more information, refer to Configure the toolbar color.

Smooth scrolling

Scroll the UI smoothly, pixel-by-pixel, instead of line-by-line.

This also enables animated smooth scrolling for Windows and Linux by default. You can disable it to use precise scrolling instead: press Ctrl+Shift+A, find and open the Smooth Scroll Options dialog, and disable the Animated smooth scrolling checkbox.

Appearance | IntelliJIDEA (4)

In this dialog, you can also set the duration of the scroll animation and change the appearance of the animation based on https://cubic-bezier.com/#.17,.67,.83,.67.

Drag-and-drop with Alt pressed only

Avoid accidentally moving files, editor tabs, tool window buttons, and other UI components. When enabled, hold the Alt key to move things around.

By default, this option is disabled and you can move everything without any extra keys.

Always show full path in window header

Show the full path to the project and to the current file in the main window header. When disabled, the header will show only the name of the project and file.

Display icons in menu items

Show icons to the left of the items in the main menu and context menus.

Background Image

Configure a custom background image for the IDE.

Antialiasing

Option

Description

IDE

Select which antialiasing mode you want to apply to the IDE (including menus, tool windows, and so on):

  • Subpixel: this option is recommended for LCD displays and takes advantage of the fact that each pixel on a color LCD is composed of red, green and blue sub-pixels. This allows smoothing text and rendering it with greater detail.

  • Greyscale: this option is recommended for non-LCD displays or displays positioned vertically. It deals with text at the pixel level.

  • No antialiasing: this option can be used for displays with high resolution, where non-antialiased fonts are rendered faster and may look better.

Editor

Select which antialiasing mode you want to apply to the editor:

  • Subpixel: this option is recommended for LCD displays and takes advantage of the fact that each pixel on a color LCD is composed of red, green and blue sub-pixels. This allows smoothing text and rendering it with greater detail.

  • Greyscale: this option is recommended for non-LCD displays or displays positioned vertically. It deals with text at the pixel level.

  • No antialiasing: this option can be used for displays with high resolution, where non-antialiased fonts are rendered faster and may look better.

Tool Windows

Item

Description

Show tool window bars

Show the tool window bars around the edges of the main window. For more information, refer to Tool window bars and buttons.

Side-by-side layout on the left

Show the tool windows that are attached to the top and bottom edges on the left side in two columns. For more information, refer to Optimize for wide-screen monitors.

Side-by-side layout on the right

Show the tool windows that are attached to the top and bottom edges on the right side in two columns. For more information, refer to Optimize for wide-screen monitors.

Widescreen tool window layout

Optimize the layout of tool windows for wide-screen displays: maximize the height of vertical tool windows by limiting the width of horizontal tool windows. For more information, refer to Optimize for wide-screen monitors.

Remember size for each tool window

Remember individual width of every tool window when you reopen or switch between them.

When this option is disabled, tool windows have the unified default width, and their sizes remain constant when you switch between them.

Show tool window numbers

This feature is not available in the new UI.

Show tool window quick-access numbers on the tool window buttons.

You can hold the Alt key and press the corresponding number key to switch tool windows regardless of this setting: Alt+1 for the Project tool window, and so on.

Presentation Mode

Item

Description

Zoom

Zoom in or out the entire IDE in the presentation mode.

Last modified: 26 May 2024

Menus and Toolbars

Appearance | IntelliJ IDEA (2024)

FAQs

How do I change the appearance of IntelliJ? ›

Change the UI theme

In the Settings dialog ( Ctrl Alt 0S ) , select Appearance & Behavior | Appearance. Select the UI theme from the Theme list: Dark: IntelliJ IDEA default dark theme. Light: IntelliJ IDEA default light theme.

How to beautify the code in IntelliJ? ›

Highlight a specific piece of code, like the code above, and press Ctrl+Alt+L (Windows/Linux) or⌥⌘L (macOS) to format just the highlighted code. Or we can use this same shortcut without selecting the code and the whole file will be reformatted.

How do I reset IntelliJ appearance to default settings? ›

Go to File | Manage IDE Settings | Restore Default Settings. Alternatively, press Shift twice and type Restore default settings . Click Restore and Restart. The IDE will be restarted with the default configuration.

Why does my IntelliJ look different? ›

User interface themes

By default, IntelliJ IDEA uses the Darcula theme, unless you changed it during the first run. This is no secret. To change it, open the Settings / Preferences dialog and select Appearance & Behavior | Appearance. There, you can use the Theme selector to choose a UI theme.

What is the shortcut for IntelliJ appearance? ›

In the main menu, go to View | Appearance and select Enter <viewing mode> or Exit <viewing mode>. Use the quick switcher: In the main menu, go to View | Quick Switch Scheme (or press Ctrl 0` ). In the Switch popup, select View Mode and then select Enter <viewing mode> or Exit <viewing mode>.

What is the default appearance font in IntelliJ? ›

Editor font

JetBrains Mono font is used by default for the Editor.

How do you beautify a code? ›

Upload your minified HTML code that you want to beautify and paste it into the input field. Click the Beautify button to initiate beautification. The tool will display the code in the output area. You can now view and copy the beautified code to use in your documentation or any application.

How do I change formatting settings in IntelliJ? ›

Press Ctrl Alt 0S to open settings and then select Tools | Actions on Save. Enable the Reformat code option. Additionally, you can configure the way the IDE will reformat your code: Click Configure scope to specify the patterns of filenames and directories that you want to exclude from reformatting.

How do I change display settings in IntelliJ? ›

You can also access this setting from the main menu: select View | Appearance | Zoom IDE. Specify custom font family and size to use in the IntelliJ IDEA UI. Enable screen reader support for IntelliJ IDEA. For more information, refer to Accessibility.

How do I reset the IntelliJ layout? ›

Except for the Default layout, you can reset changes to your current layout. In the main menu, go to Window | Layouts | Restore Current Layout or press Shift F12 .

How do I fix alignment in IntelliJ? ›

While IntelliJ IDEA will do its best to place your caret in the right place, sometimes code can get out of alignment. There's a quick way to fix this code up. You can use ⌘⌥L (macOS) / Ctrl+Alt+L (Windows/Linux) to reformat a selection of code according to your reformat settings.

How to enable new UI in IntelliJ IDEA? ›

Press Ctrl Alt 0S to open settings and then select Appearance & Behavior | New UI. Select the Enable new UI checkbox and apply the changes. Restart the IDE.

How do I reset all changes in IntelliJ? ›

Revert changes

For most recent changes, including refactorings, press Ctrl 0Z or choose Edit | Undo from the menu. For a more detailed view of past changes, use Local History.

How do I make code prettier in IntelliJ? ›

Reformat code with Prettier
  1. In the editor, select the code fragment to reformat. To reformat a file or a folder, select it in the Project tool window.
  2. Then select Reformat with Prettier from the context menu.
Feb 11, 2024

Top Articles
Latest Posts
Article information

Author: Trent Wehner

Last Updated:

Views: 5402

Rating: 4.6 / 5 (56 voted)

Reviews: 95% of readers found this page helpful

Author information

Name: Trent Wehner

Birthday: 1993-03-14

Address: 872 Kevin Squares, New Codyville, AK 01785-0416

Phone: +18698800304764

Job: Senior Farming Developer

Hobby: Paintball, Calligraphy, Hunting, Flying disc, Lapidary, Rafting, Inline skating

Introduction: My name is Trent Wehner, I am a talented, brainy, zealous, light, funny, gleaming, attractive person who loves writing and wants to share my knowledge and understanding with you.