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.
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
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 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.
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).
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.
Show Project Text
Determines whether to display text in the banner.
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.
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.
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 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.
Project Banner Height
Specify a custom height for the Project Banner Widget.
The default value is 30.
Project Banner Font Family and Font Size
Customize the font family and size used in the Project Banner Widget.
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.