How to change the color of the border of a QTabWidget?

Igor86

Hi all!

I managed with your help to change the entirety of the QTabWidget how I like it, but there still is this white border that I cannot figure out how to get rid of... any help is greatly appreciated.

Thank you

Best regards

jsulm

@Igor86 See https://doc.qt.io/qt-6/stylesheet-examples.html

QTabBar::tab {
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
                                stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
    border: 2px solid #C4C4C3;
    border-bottom-color: #C2C7CB; /* same as the pane color */
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    min-width: 8ex;
    padding: 2px;
}

Igor86

@jsulm thank you for your answer. unfortunately I am not able to get it to work. the code you posted is changing the border of the tabs itself (the small tabs on top) but not the border fo the big tab (white in the screenshot above..)

I used your code to temporarly put the border to black to display the result:

jsulm

@Igor86 Well, there are many other examples - did you check those?
Maybe:

QTabWidget::pane { /* The tab widget frame */
    border-top: 2px solid #C2C7CB;
    position: absolute;
    top: -0.5em;
}

Igor86

@jsulm said in How to change the color of the border of a QTabWidget?:

QTabWidget::pane { /* The tab widget frame */
border-top: 2px solid #C2C7CB;
position: absolute;
top: -0.5em;
}

Thank you very much!
that worked