Make Minimal Theme pane headers appear same as default theme?

I have a CSS snippet for the Minimal Theme that makes the sidebars appear same as default theme. But there’s a quirk: it makes all pane headers appear white, even if the pane is below other panes.

How do I make it match the default theme appearance, where the pane headers are white only if they are on top? :pray:


[Minimal] Sidebars à la default theme.css (1.4 KB)

body {
    --titlebar-background: var(--background-primary) !important;
    --titlebar-background-focused: var(--background-primary) !important;
}

.workspace-tab-header-container,
.workspace-tab-header-container::before,
.background-secondary-remover .workspace-split.mod-left-split .workspace-tabs.mod-top .workspace-tab-header-container,
.background-secondary-remover .workspace-split.mod-left-split .workspace-tabs.mod-top .workspace-tab-header-container::before,
.background-secondary-remover .workspace-split.mod-left-split .workspace-tabs.mod-top .workspace-tab-container-inner {
    background-color: var(--background-primary) !important;
}

.background-secondary-remover .mod-left-split .workspace-tabs.mod-top .workspace-tab-header-container {
    padding-left: 0;
    padding-right: 0;
    border-bottom: none;
}

.background-secondary-remover .workspace-tab-container-before,
.background-secondary-remover .workspace-tab-container-after {
    display: none !important;
}

.is-hidden-frameless:not(.minimal-dark-black):not(.colorful-frame):not(.minimal-dark-tonal):not(.minimal-light-white) .workspace-ribbon.mod-left:not(.is-collapsed) {
    --titlebar-background: var(--background-primary) !important;
}

body:not(.sidebar-color) .mod-right-split {
    --background-secondary: var(--bg2) !important;
}

body:not(.sidebar-color) .mod-right-split :not(.mod-top) .workspace-tab-header-container {
    --tab-container-background: var(--background-secondary);
}

Needed to add this:

/* Headers for non-top panes */
body:not(.sidebar-color) .workspace-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container {
    background-color: var(--background-secondary) !important;
}

Thanks, Claude!

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.