I'd like to change the way an active tab looks

[kbrede]

I'm really liking the Border theme, thanks for creating it! One thing I'd like to change is how the active tab renders. I've included an image of the current tab and one for how I want it to look (or close). The important part is I'd like the active tab color to extend into the editing area. I found the active tab settings in the Style Settings plugin, but it doesn't extend the backgrounds all the way between tab and editing area. Any help appreciated.

[kbrede]

I worked with ChatGPT and it came up with the css code below to get close to what I wanted. If anyone's interested in the future...

/* =========================================================
Border — Light mode — merged active tab (minimal)
========================================================= */

/* Frame behind tabs */
.theme-light .mod-root .workspace-tab-header-container,
.theme-light .mod-root .workspace-tab-header-container-inner {
background: #B8CEEA !important;
}

/* Inactive tabs */
.theme-light
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header:not(.is-active)
.workspace-tab-header-inner {
background: #B8CEEA !important;
box-shadow: none !important;
}

/* Active tab = editor surface */
.theme-light
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header.is-active
.workspace-tab-header-inner {
background: #FAFAF5 !important;
box-shadow: none !important;
}

/* Remove active underline bar (Border/Obsidian variants) */
.theme-light
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header.is-active
.workspace-tab-header-inner::before {
content: none !important;
}

/* Editor surface behind the tab (so it reads as one plane) */
.theme-light .mod-root .workspace-leaf-content {
background: #FAFAF5 !important;
}

/* Close the physical gap: pull active tab down (tune the px) /
.theme-light
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header.is-active {
margin-bottom: -6px !important; / adjust: -4px to -10px */
z-index: 10 !important;
}

/* Make the join look clean */
.theme-light
.workspace-tabs:not(.mod-stacked)
.workspace-tab-header.is-active
.workspace-tab-header-inner {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}