Some features are only available for premium users.
This page displays the features and settings that customize the appearance of the Editor Tabs and IDE Tabbed Panes.
Active Tab Options
Active Tab Highlighter
This setting controls the appearance of the little indicator under the current highlighted tab.
- When the setting is OFF, the indicator color will be either the one defined by the color scheme (from the
TAB_UNDERLINEproperty), or the current accent color.
- When the setting is ON, you can select your own custom color.
This allows you to set the thickness of the tab highlighter.
To avoid crazy values that could ruin the UI, the values are limited between
About Tabs Placement
While most people set their tabs to be on the top, JetBrains IDE also give the possibility to place your tabs to the bottom, left or right side.
In that case, the active tab indicator will be placed accordingly to the tab position:
- At the top for bottom placement
- At the right for right placement
- At the left for left placement
Other Tab Options
This feature allows you to set the tabs to look even more like usual Material Design Tabs, that is in Uppercase.
This setting gets rid of special characters such as hyphens or underscores and replace them with ++spaces++. It also converts from camel case to “Spaced Uppercase”.
Bold Active Tab
Previously, this setting was set via the Uppercase Bold Tabs, but was rather flaky, and not very useful since it made all tabs bolder.
Now, this setting controls the boldness of only the active, selected tab, making it more prominent.
This setting will allow you to customize the height of the different tabs of the IDE (that is, not only the editor tabs but also debugger tabs, code style tabs, etc.). This will allow you to have the ultimate Material Design Tabs experience.
The allowed values are between
60 pixels, where the default recommended value for horizontal tabs is
50. If you use vertical tabs though, my personal recommended value would be
25 so you can place more opened tabs at the side.
There is no reset button, but there is an action in the
Material Toolbar that resets the value to its default value,
Material Tabbed Panes
Since version 3.0.0 the Tab Settings control not only the appearance of the Editor Tabs but for all tabbed panes as well (except for JBTabbedPanes such as the Tabs inside the Debugger Tool Window or Code Style Settings).
You can therefore customize:
- The active tab highlighter color and thickness
- The tab height
- Whether they appear as upper case bold.
Tab Shadow and Opacity have no effect here.
Tab Highlighter Position
A new setting has been added in 3.4.0 which allows tweak the position of the tab highlighter:
Tab Font Size
Last but not least, the tab size option allows you to override the Tab Font Size. Please note that this overrides the global IDE font size and requires a restart.
Since version 6.6.0, you can also override specific tab settings on a per-project basis.
Such settings include:
- Active Tab Highlighter color and thickness
- Uppercase tabs
- Bold Active Tab
- Tab Highlighter Position
Edited files icon
Files that are edited but not yet saved will display a little pencil icon with the current accent color on the tab, in place of the regular * asterisk *.
You need to activate this option under
Editor → General → Editor Tabs → Mark modified tabs with asterisk
Pinned files icon
Same as the edited file icon, pinned tabs will display a little pin on the icon, colored with the current accent color.
Accent close icon
The close icon didn’t change, but it will be colored to the accent color on hover.
Q: Is there a way to completely remove the Active Tab Indicator?
A: Not Currently. Even disabling the feature in the IDE will still display the indicator provided by the plugin. If there is enough demand to add this functionality, we will add it.
Q: The Tab Height feature is cool in the editor, but I’d rather leave other tabs untouched.
A: Me as well. Unfortunately currently the setting that sets the tab height is shared between all tabs in the SDK, and there is no way to distinguish between them currently. Maybe in the future if JetBrains agrees to allow more customization natively.
Q: Why limiting the thickness or the tab height? I want to have 10 in thickness and 100 in tabs!!!
A: Because allowing values past these limits would make the UI ugly or worse, crash it. If you have a good reason to want it anyway, you can open an issue on GitHub with why you would want that. At most, you can still fork the plugin and tweak it to whatever you want.
Q: The uppercase tabs feature is so useless! Editor Tabs !== Material Design Tabs!
A: While I might agree with this statement, Personally, I think this is a cool feature, and it doesn’t bother me. It is not allowed by default, so new users will not be startled by it, and if you don’t like it you can simply turn it off.