Project Title Bar Settings

Customize the appearance of the IDE frame to better distinguish between projects.

This panel controls settings for the Project Title Bar and the Project Banner feature.

This feature is exclusive to premium users. You can purchase a premium license for the plugin or a dedicated license for this feature via the following link: Material Theme Project Frame.

Application Frame

Introduced with the New UI (2023), JetBrains IDEs feature a thick, colorful application frame encompassing the editor and tool windows. This frame contains action buttons, widgets, and other supplementary elements.

By default, this frame remains consistent across all projects, which can make it difficult to distinguish between multiple open windows.

The Colorize Application Frame settings allow you to apply a unique color to the frame, automatically generated based on the project name. This makes it easier to visually identify and switch between different projects.

Colorize Title Bar
Colorize Title Bar

Colors are generated by an algorithm using the project name to ensure a unique and consistent appearance for each project.

You can customize which parts of the application frame to colorize. While only the Title Bar is colorized by default, you can also enable:

  • Title Bar
  • Left Tool Window
  • Right Tool Window
  • Status Bar
Colorize All Parts
Colorize All Parts

Note: Starting with the Islands UI (2025), JetBrains IDEs include a built-in Project Gradient feature (located in Settings > Appearance > Use project colors in main toolbar). Enabling any Colorize Application Frame setting in the Material Theme UI plugin will automatically disable the IDE’s native Project Gradient.

Project Colors Settings
Project Colors Settings

Project Widget Settings

This section provides configuration options for the native Project Gradient feature.

Gradient Radius

Specify the radius of the gradient. The default value is 2000px.

Gradient Radius: 600px
Gradient Radius: 600px
Gradient Radius: 2000px
Gradient Radius: 2000px
Gradient Radius: 4000px
Gradient Radius: 4000px

Project Banner

The Project Banner displays a customizable colored banner at the top of the IDE, providing information about the active file, project, or module.

The banner color is derived from the same algorithm as the application frame (e.g., generated from the project name).

Project Banner
Project Banner

The banner can display various information, including:

  • Current opened file
  • Path of the current file
  • Current project name
  • Current module name
  • Current file icon

Show Project Icon

Determines whether to display the project icon in the banner.

Banner without Project Icon
Banner without Project Icon

Show Project Text

Determines whether to display text in the banner.

Banner without Project Text
Banner without Project Text

Customize Text

Customize the banner text using the following dynamic variables:

  • {project}: The name of the current project.
  • {subProject}: The project name of the currently opened file (useful for multi-project workspaces).
  • {module}: The name of the current module (for Java and Kotlin projects).
  • {file}: The name of the currently opened file.
  • {fileIcon}: The icon of the currently opened file.
  • {path}: The path of the currently opened file, relative to the project root.
  • {fullPath}: The full path of the currently opened file.
Banner with Customized Text
Banner with Customized Text

Project Banner Widget

The plugin also provides a Project Banner Widget that can be added to the Title Bar, offering the same functionality as the Project Banner without occupying additional vertical space.

Project Banner Widget
Project Banner Widget

To add it, right-click the Title Bar and select Customize Toolbar. Search for the Material Project Title Bar Widget and click Add.

Note: This widget is added by default; use the same steps if you wish to remove it.

The widget also includes predefined presets for quick customization.

Project Banner Widget Presets
Project Banner Widget Presets

Project Banner Settings

These settings customize the appearance of the Project Banner Widget.

Project Banner Width

Specify a custom width for the Project Banner Widget. Set to 0 to use the full IDE width.

The default value is 800.

Custom Project Banner Width
Custom Project Banner Width

Project Banner Height

Specify a custom height for the Project Banner Widget.

The default value is 30.

Custom Project Banner Height
Custom Project Banner Height

Project Banner Font Family and Font Size

Customize the font family and size used in the Project Banner Widget.

Custom Project Banner Font
Custom Project Banner Font

Per-project Settings

Like Tab and Tree settings, Project Banner Settings can be configured individually for each project.

This allows you to define unique colors, custom text, or specific fonts for different projects.

Per-project Project Banner Settings
Per-project Project Banner Settings