IDEA New UI: Change tab style

Answered

I'm trying out the new UI with 2023.1, but the tabs are blend in too much with the editor. Can I style the tab headers, e.g. change the background or font?

4
11 comments

Here is an example of what this looks like when using a dark editor color scheme. It is rather difficult to make out the filename inside the editor tab.

0

I can see the file paths fine, but I'm talking about editor tabs. They are white text on black background, which makes them difficult to stand out when the editor is also white on black.

I'd also like to make the tab names smaller, as I work directly on my laptop and have many tabs open.

0

There are two options to condense the tabs.

1. `Preferences | Editor | General | Editor Tabs | Show tabs in: | One row, and if tabs does not fit: | Squeeze tabs`
2. `Preferences | Appearance & Behavior | New UI | Compact mode`

***

To change the selected tab background, edit `Preferences | Editor | Color Scheme | General | Editor | Tabs | Selected tab` and `Selected tab inactive`

***
To style all your tab headers

  1. go to `Preferences | Appearance & Behavior | File Colors`
  2. check "Use in editor tabs", 
  3. Click "+", then select scope "all", then pick "Custom" and use white or another contrasting color for the tab background.
2

Changing the tab styling under Preferences | Editor | Color Scheme | General | Editor | Tabs | Selected tab and Selected tab inactive do nothing, the tabs are always white on black.

Preferences | Appearance & Behavior | File Colors | Use in editor tabs lets me change the tab background, which is nice, but not the text color nor the font size. Is this possible?

0

At the moment, this is not possible yet.

1

Got it, thank you! Should I create a feature request, or is this likely to be implemented in the future anyway?

0

I agree the tabs are virtually unusable in the new UI. Additionally, I like to use IntelliJ Light as the overall theme with a dark editor theme. This doesn't seem to be well supported in the new UI as the file tabs in particular use the editor theme. I could not get acceptable results using the "File Colors" suggestion above.

3

Using the following resulted in a configuration that is working for me.

To style all your tab headers

  1. go to `Preferences | Appearance & Behavior | File Colors`
  2. check "Use in editor tabs", 
  3. Click "+", then select scope "all", then pick "Custom" and use white or another contrasting color for the tab background.
Here is how my tabs look now in the new UI.
0

That helps, but we also want to style the text: color, size, etc.

0

Please upvote https://youtrack.jetbrains.com/issue/IDEA-316549 : feature request for tab customization

0

Just did, thank you!

0

Please sign in to leave a comment.