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?

11 comments
Comment actions Permalink

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
Comment actions Permalink

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
Comment actions Permalink

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
Comment actions Permalink

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
Comment actions Permalink

At the moment, this is not possible yet.

1
Comment actions Permalink

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

0
Comment actions Permalink

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.

1
Comment actions Permalink

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
Comment actions Permalink

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

0
Comment actions Permalink

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

0
Comment actions Permalink

Just did, thank you!

0

Please sign in to leave a comment.