Need to add options below:
tab.activeBorder.top/right/bottom/left
tab.border.top/right/bottom/left

Let's go with the border-bottom for now. I added:

• tab.activeBorder
• tab.unfocusedActiveBorder

Is only for color? and width?

@adrianoresende yes, we have no support for changing any elements dimensions, nor borders for theming in general.

This is awesome @bpasero :) But it doesn't work on the Ayu themes. The bottom border isn't visible when I use tab.activeBorder. Could be related to the use of editorGroupHeader.tabsBorder in those themes. If I decrease the tab element to 34px instead of 35px I can see the border.

@pahen yeah I noticed this too, can you avoid using a border for the header? Having border for both tabs and header does not work currently. What is the intent of that border, I would assume it looks weird to have one border and then another one directly on top?

I would like to keep that header border if possible to make it look as close to the original ST theme as possible. Like this:

Yes, having the highlighted border above the header border will probably look weird.

@pahen this might be tough to accomplish due to the layering of elements but I will see what I can do. Can you file an issue?

#33111 @bpasero

Verification:
Set the following new colors and ensure they work properly

• tab.activeBorder
• tab.unfocusedActiveBorder

Works fine in the Ayu theme :)

@bpasero This should probably be filed in another issue but it would be awesome if we could get rid of the default transparent border on every tab that causing the bottom border to have 1 pixel gap. Not sure of the intentions of that transparent border though.

See:

Setting the left and right border to none on that tab makes a pixel perfect bottom border:

@pahen that border is actually used to separate tabs from each other: