Coloring top-border of the active tab OUT OF WORK

[yesw2000]

Describe the problem: The following css (applied in the Appearance setting) to color the top border of the active tab works under tabby version 1.0.196, but not under version 1.0.207.

    #cdk-drop-list-0 >
    tab-header.ng-tns-c127-0.fully-draggable.ng-trigger.ng-trigger-animateTab.ng-star-inserted.active:after
    {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        pointer-events: none;
    background:#ff6c37;
        border-top: 4px solid var(--base-color-brand);
        height: 5px;
    }

As shown in the screenshot for Tabby-1.0.196, the active tab-2 is colored in orange.

While the tabby-1.0.207 showed:

To Reproduce: [Steps to reproduce the behavior]

[moemoechu]

maybe you can try this: tab-header.active:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; pointer-events: none; background:#ff6c37; border-top: 4px solid var(--base-color-brand); height: 5px; }

[yesw2000]

@moemoechu ,

I just tried, and it did work on both versions. Many thanks.👍😃