QDockWidgets border distortion in Linux

[mrjj]

@Helge1980
aha so it could also be from the remaining part and not from the ** QDockWidget section.

Did you try only remove the styling from Docks and see if issues still exists?

[Helge1980]

@mrjj

Now I checked, I removed the styles that are associated with QDockWidgets, it turned out this:

I also noticed that it turns out that for some reason the frame style is not applied when it is passed to QDockWidget (exactly the parts that is related to the borders).

Frame#frame_source {
    border-left: 1px solid @frameSourceOutputBorder;
    border-bottom: 1px solid @frameSourceOutputBorder;
    border-right: 1px solid @frameSourceOutputBorder;
    border-top: none;
    background-color: @frameLeftRightBackground;
}

The frame is passed to QDockWidget using the following code:

dock3 = new QDockWidget(tr("Source"), this);
dock3->setObjectName("Dock_source");
dock3->setAllowedAreas(Qt::LeftDockWidgetArea | Qt::RightDockWidgetArea | Qt::BottomDockWidgetArea);
dock3->setWidget(ui->frame_source);
window->addDockWidget(Qt::BottomDockWidgetArea, dock3);

[Helge1980]

Now I checked on Fedora (Qt5. 15), the same problem.

[mrjj]

@Helge1980

Ok. So it's fair to assume that something in the stylesheet.

Oddly enough i was not able to see that effect on Manjaro.
but what a lovely linux :)

[Helge1980]

@mrjj

I apologize. I completely forgot to say that I have the KDE environment installed on Manjaro. Now I noticed that you have an XFCE environment installed. Apparently I overworked yesterday and forgot about this moment.
But as it turned out, this problem is not only in the KDE environment, but also, as I said in Fedora, with the Gnome environment and the installed version of Qt 5.15
At the same time, Debian Gnome with Qt5.11.3 does not have this problem.

[mrjj]

@Helge1980
Ok. that might explain why i didnt see broken borders.

so when Gnome there is a difference between 5.15 and 5.11.3 ? ( ah different distro)

Would it be possible for you to save to a file your stylesheet when been filled
with values and post here ?

I will try to see if i can install KDE Plasma 5 in my Manjaro

[Helge1980]

@mrjj
Yes, I will publish it today.
It turns out that it really depends on the version of Qt

[Helge1980]

@mrjj

/**************************************************************************
**  QWidget
**************************************************************************/

QMainWindow {
    background: #2C2C34;
}
QMainWindow::separator {
    width: 1px;
    height: 1px;
    background: #2C2C34;
}

QWidget {
    background: #292930;
}
QWidget#centralwidget {
    background: #175C7F;
}
QWidget#widget_main {
    background: #175C7F;
}


/**************************************************************************
**  QFrame
**************************************************************************/

QFrame {
    border: none;
    background-color: #2C2C34;
}
QFrame#frameLeft,
QFrame#frameRight,
QFrame#frame_preview,
QFrame#frame_source,
QFrame#frame_output,
QFrame#frame_task {
    border-left: 1px solid #32363F;
    border-bottom: 1px solid #32363F;
    border-right: 1px solid #32363F;
    border-top: none;
    background-color: #292930;
}
QFrame#frameTaskHeader {
    border-top: 1px solid #32363F;
    background-color: #25272C;
}

QFrame#frame_middle,
QFrame#frameAltTab_1,
QFrame#frameAltTab_2
{
    border: none;
    background-color: #2C2C34;
}
QFrame#frame_bottom {
    border: none;
    /*border-top: 1px solid #32363F;*/
    background-color: #202A30;
}
QFrame#frame_top {
    border: none;
    background-color: #202A30;
}
QFrame#frameTab_1, QFrame#frameTab_2, QFrame#frameTab_3, QFrame#frameTab_4,
QFrame#frameLeftTab_1, QFrame#frameLeftTab_2 {
    background-color: #292930;
}


/**************************************************************************
**  QToolTip
**************************************************************************/

QToolTip {
    border: 1px solid #282828;
    border-radius: 2px;
    color: #ffffff;
    background-color: #1B1D23;
}


/**************************************************************************
**  QMenu
**************************************************************************/

QMenu {
    background-color: #1B1D23;
}
QMenu::item {
    color: #EFEFEF;
    background-color: transparent;
}
QMenu::item:selected {
    background-color: #05282D;
}


/**************************************************************************
**  QScrollBar
**************************************************************************/

QScrollBar {
    background: transparent;
}
QScrollBar:horizontal {
    height: 10px;
    margin: 0px 15px 0 15px;
    border: none;
    border-radius: 0px;
    background: #171920;
}
QScrollBar:vertical {
    width: 10px;
    margin: 15px 0 15px 0;
    border: none;
    border-radius: 0px;
    background: #171920;
}
QScrollBar::handle:horizontal {
    min-width: 25px;
    border-radius: 0px;
    background: #1C1E26;
}
QScrollBar::handle:vertical {
    min-height: 25px;
    border-radius: 0px;
    background: #1C1E26;
}
QScrollBar::add-line:horizontal {
    width: 14px;
    border: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background: #191B22;
    subcontrol-position: right;
    subcontrol-origin: margin;
    image: url(:/resources/icons/16x16/cil-caret-right.png);
}
QScrollBar::add-line:vertical {
    height: 14px;
    border: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background: #191B22;
    subcontrol-position: bottom;
    subcontrol-origin: margin;
    image: url(:/resources/icons/16x16/cil-caret-bottom.png);
}
QScrollBar::sub-line:horizontal {
    width: 14px;
    border: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background: #191B22;
    subcontrol-position: left;
    subcontrol-origin: margin;
    image: url(:/resources/icons/16x16/cil-caret-left.png);
}
QScrollBar::sub-line:vertical {
    height: 14px;
    border: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #191B22;
    subcontrol-position: top;
    subcontrol-origin: margin;
    image: url(:/resources/icons/16x16/cil-caret-top.png);
}
QScrollBar::up-arrow:horizontal,
QScrollBar::down-arrow:horizontal {
    background: none;
}
QScrollBar::up-arrow:vertical,
QScrollBar::down-arrow:vertical {
    background: none;
}
QScrollBar::add-page:horizontal,
QScrollBar::sub-page:horizontal {
    background: none;
}
QScrollBar::add-page:vertical,
QScrollBar::sub-page:vertical {
    background: none;
}


/**************************************************************************
**  QHeaderView
**************************************************************************/

QHeaderView {
    color: #A0A5AA;
    background-color: transparent;
}
QHeaderView::section:horizontal {
    height: 28px;
    border-top: 1px solid #27272C;
    border-bottom: 1px solid #27272C;
    border-right: 1px solid #27272C;
    border-radius: 0px;
    background-color: #1C2026;
}
QHeaderView::section:vertical {
    border-bottom: 1px solid #27272C;
    background-color: #1C2026;
}
QHeaderView::up-arrow {
    width: 13px;
    height: 9px;
    subcontrol-position: center right;
    subcontrol-origin: padding;
}
QHeaderView::down-arrow {
    width: 13px;
    height: 9px;
    subcontrol-position: center right;
    subcontrol-origin: padding;
}


/**************************************************************************
**  QTableWidget
**************************************************************************/

QTableWidget {
    outline: none;
    padding-bottom: 0px;
    border-radius: 0px;
    color: #A0A5AA;
    background-color: #16181F;
    selection-background-color: #1C252F;
    alternate-background-color: #13151C;
}
QTableWidget::item {
    margin-left: 0px;
    margin-right: 0px;
}
QTableWidget::item:selected {
    margin: 0px;
    color: #D2D2D2;
    background-color: #1C252F;
}


/**************************************************************************
**  QTreeWidget
**************************************************************************/

QTreeWidget {
    outline: none;
    color: #A0A5AA;
    background-color: #16181F;
    alternate-background-color: #13151C;
}
QTreeWidget::item {
    min-height: 22px;
    margin-top: 2px;
    border-right: 1px solid #27272C;
}
QTreeWidget::item:selected {
    min-height: 22px;
    border: none;
    color: #D2D2D2;
    background-color: #1C252F;
}
QTreeWidget::item:selected:active {
    min-height: 22px;
    border: none;
    color: #D2D2D2;
    background-color: #1C252F;
}
QTreeWidget::item:selected:!active {
    min-height: 22px;
    border: none;
    color: #D2D2D2;
    background-color: #1C252F;
}


QTreeView::branch {
    background: #16181F;
}
QTreeView::branch:has-siblings:!adjoins-item {
    background: #16181F;
}
QTreeView::branch:has-siblings:adjoins-item {
    background: #16181F;
}
QTreeView::branch:!has-children:!has-siblings:adjoins-item {
    background: #16181F;
}
QTreeView::branch:closed:has-children:has-siblings {
    background: #16181F;
}
QTreeView::branch:has-children:!has-siblings:closed {
    background: #16181F;
}
QTreeView::branch:open:has-children:has-siblings {
    background: #16181F;
}
QTreeView::branch:open:has-children:!has-siblings {
    background: #16181F;
}


QTreeWidget::branch:has-siblings:!adjoins-item {
    padding-bottom: 2px 0;
    padding-top: 2px 0;
    padding-left: 4px 0;
    border-image: url(:/resources/icons/16x16/cil-null.png) 0;
}
QTreeWidget::branch:has-siblings:adjoins-item {
    padding-bottom: 2px 0;
    padding-top: 2px 0;
    padding-left: 4px 0;
    border-image: url(:/resources/icons/16x16/cil-null.png) 0;
}
QTreeWidget::branch:!has-children:!has-siblings:adjoins-item {
    padding-bottom: 2px 0;
    padding-top: 2px 0;
    padding-left: 4px 0;
    border-image: url(:/resources/icons/16x16/cil-null.png) 0;
}
QTreeWidget::branch:has-children:!has-siblings:closed,
QTreeWidget::branch:closed:has-children:has-siblings {
    padding-bottom: 2px 0;
    padding-top: 2px 0;
    padding-left: 4px 0;
    border-image: none;
    image: url(:/resources/icons/16x16/cil-arrow-right-.png);
}
QTreeWidget::branch:open:has-children:!has-siblings,
QTreeWidget::branch:open:has-children:has-siblings {
    padding-bottom: 2px 0;
    padding-top: 2px 0;
    padding-left: 4px 0;
    border-image: none;
    image: url(:/resources/icons/16x16/cil-arrow-bottom.png);
}


/**************************************************************************
**  QTabWidget
**************************************************************************/

QTabWidget {
    qproperty-tabPosition: North;
    color: #A0A5AA;
    background-color: #292930;
}
QTabWidget::tab-bar {
    alignment: left;
    background-color: #292930;
}
QTabWidget::pane {
    top:-1px;
    border: 1px solid #32363F;
    background-color: #292930;
}

/*********************************************/

QTabWidget#tabWidgetRight {
    qproperty-tabPosition: North;
    color: #A0A5AA;
    background-color: #292930;
}
QTabWidget::tab-bar#tabWidgetRight {
    alignment: left;
    background-color: #292930;
}
QTabWidget::pane#tabWidgetRight {
    top:-1px;
    border: 1px solid #32363F;
    background-color: #292930;
}

/*********************************************/

QTabWidget#tabWidgetSettings {
    qproperty-tabPosition: South;
    color: #A0A5AA;
    background-color: #2C2C34;
}
QTabWidget::tab-bar#tabWidgetSettings {
    alignment: left;
    height: 0px;
    background-color: #2C2C34;
}
QTabWidget::pane#tabWidgetSettings {

    border: none;
    background-color: #2C2C34;
}


/**************************************************************************
**  QCheckBox
**************************************************************************/

QCheckBox {
    spacing: 12px;
    color: #A0A5AA;
    background-color: transparent;
}
QCheckBox:disabled {
    spacing: 12px;
    color: #A0A5AA;
    background-color: transparent;
}
QCheckBox::indicator {
    width: 12px;
    height: 12px;
    border: 2px solid #5A5A5A;
    background: none;
}
QCheckBox::indicator:disabled {
    width: 12px;
    height: 12px;
    border: 2px solid #3C3C3C;
    background: none;
}
QCheckBox::indicator:checked {
    width: 12px;
    height: 12px;
    border: 2px solid #5A5A5A;
    background: none;
    image: url(:/resources/icons/16x16/cil-check-alt.png);
}
QCheckBox::indicator:checked:disabled {
    width: 12px;
    height: 12px;
    border: 2px solid #3C3C3C;
    background: none;
    image: url(:/resources/icons/16x16/cil-check-alt.png);
}


/**************************************************************************
**  QComboBox
**************************************************************************/

QComboBox {
    padding: 0px;
    padding-left: 5px;
    border-radius: 0px;
    border: 2px solid #1B1D23;
    color: #B4B4B4;
    background-color: #1B1D23;
}
QComboBox#comboBoxView {
    padding: 0px;
    padding-left: 22px;
    border-radius: 0px;
    border: 2px solid #1B1D23;
    color: #B4B4B4;
    background-color: #1B1D23;

    background-image: url(:/resources/icons/16x16/cil-screen-desktop.png);
    background-repeat: no-repeat;
    background-position: left;
}
QComboBox#comboBoxMode {
    padding: 0px;
    padding-left: 22px;
    border-radius: 0px;
    border: 2px solid #1B1D23;
    color: #B4B4B4;
    background-color: #1B1D23;

    background-image: url(:/resources/icons/16x16/cil-layers.png);
    background-repeat: no-repeat;
    background-position: left;
}
QComboBox#comboBoxPreset {
    padding: 0px;
    padding-left: 22px;
    border-radius: 0px;
    border: 2px solid #1B1D23;
    color: #B4B4B4;
    background-color: #1B1D23;

    background-image: url(:/resources/icons/16x16/cil-low-vision.png);
    background-repeat: no-repeat;
    background-position: left;
}
QComboBox:disabled {
    padding: 0px;
    padding-left: 5px;
    border-radius: 0px;
    border: 2px solid #1B1D23;
    color: #62676F;
    background-color: #1B1D23;
}
QComboBox:hover {
    border: 2px solid #404758;
}
QComboBox:hover#comboBoxView,
QComboBox:hover#comboBoxMode,
QComboBox:hover#comboBoxPreset {
    border: 2px solid #404758;
}
QComboBox::drop-down {
    subcontrol-origin: padding;
    subcontrol-position: top right;
    width: 20px;
    border-left-width: 3px;
    border-left-color: #22262E;
    border-left-style: solid;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-image: url(:/resources/icons/16x16/cil-arrow-bottom.png);
    background-position: center;
    background-repeat: no-reperat;
}
QComboBox QAbstractItemView {
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 5px;
    color: #55AAFF;
    background-color: #1B1D23;
    selection-background-color: #272C36;
}
QComboBox QListView::item {
    min-height: 16px;
}


/**************************************************************************
**  QSpinBox
**************************************************************************/

QSpinBox, QDoubleSpinBox {
    padding: 0px;
    padding-left: 5px;
    border-radius: 0px;
    border: 2px solid #1B1D23;
    color: #B4B4B4;
    background-color: #1B1D23;
}
QSpinBox:disabled, QDoubleSpinBox:disabled {
    padding: 0px;
    padding-left: 5px;
    border-radius: 0px;
    border: 2px solid #1B1D23;
    color: #62676F;
    background-color: #1B1D23;
}
QSpinBox:hover, QDoubleSpinBox:hover {
    border: 2px solid #404758;
}
QSpinBox::up-button, QDoubleSpinBox::up-button {
    subcontrol-origin: padding;
    subcontrol-position: top right;
    width: 20px;
    border-left-width: 3px;
    border-left-color: #22262E;
    border-left-style: solid;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-image: url(:/resources/icons/16x16/cil-arrow-top.png);
    background-position: center;
    background-repeat: no-reperat;
}
QSpinBox::down-button, QDoubleSpinBox::down-button {
    subcontrol-origin: padding;
    subcontrol-position: bottom right;
    width: 20px;
    border-left-width: 3px;
    border-left-color: #22262E;
    border-left-style: solid;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-image: url(:/resources/icons/16x16/cil-arrow-bottom.png);
    background-position: center;
    background-repeat: no-reperat;
}
QSpinBox QAbstractItemView, QDoubleSpinBox QAbstractItemView {
    padding: 5px;
    color: rgb(85, 170, 255);
    background-color: #1B1D23;
    selection-background-color: #272C36;
}


/**************************************************************************
**  QLabel
**************************************************************************/

QLabel {
    color: #D2D2D2;
    background-color: transparent;
}
QLabel:disabled {
    color: #A0A5AA;
    background-color: transparent;
}

QLabel#labelThumb {
    color: #25272C;
    font: 24pt;
    font-style: oblique;
    background-color: #292930;
}

QLabel#label_source,
QLabel#label_output {
    color: #DCDCDC;
    background-color: transparent;
}


/**************************************************************************
**  QLineEdit
**************************************************************************/

QLineEdit {
    padding-left: 5px;
    border-radius: 0px;
    border: 2px solid #1B1D23;
    color: #DCDCDC;
    background-color: #1B1D23;
}
QLineEdit#lineEditGlobalTitle {
    padding-left: 20px;
    border-radius: 0px;
    border-left: 5px solid #1B1D23;
    border-top: 2px solid #1B1D23;
    border-bottom: 2px solid #1B1D23;
    border-right: 2px solid #1B1D23;
    color: #B4B4B4;
    background-color: #1B1D23;
    background-image: url(:/resources/icons/16x16/cil-tags.png);
    background-repeat: no-repeat;
    background-position: left;
}
QLineEdit:hover {
    border: 2px solid rgb(64, 71, 88);
}
QLineEdit:hover#lineEditGlobalTitle {
    border: 2px solid rgb(64, 71, 88);
}
QLineEdit:focus {
    border: 2px solid rgb(91, 101, 124);
}
QLineEdit:focus#lineEditGlobalTitle {
    border: 2px solid rgb(91, 101, 124);
}
QLineEdit:disabled {
    padding-left: 5px;
    border-radius: 0px;
    border: 2px solid #1B1D23;
    color: rgb(105, 110, 120);
    background-color: #1B1D23;
}
QLineEdit:disabled#lineEditPreset {
    padding-left: 5px;
    border-radius: 0px;
    border: 2px solid #1B1D23;
    color: #B4B4B4;
    background-color: #1B1D23;
}


/**************************************************************************
**  QTextBrowser
**************************************************************************/

QTextBrowser {
    border: 1px solid transparent;
    color: #A0A5AA;
    background-color: transparent;
}
QTextBrowser#textBrowser_task {
    border: 1px solid transparent;
    color: #D2D2D2;
    background-color: #2C2C34;
}
QTextBrowser#textBrowser_presetname {
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 2px;
    border: none;
    color: #D2D2D2;
    background-color: #1B1D23;
}


/**************************************************************************
**  QPushButton
**************************************************************************/

QPushButton {
        border: none;
        color: #DCDCDC;
        background-color: transparent;
}
QPushButton:hover {
        border: none;
        color: rgb(85, 170, 255);
        background-color: transparent;
}
QPushButton:pressed {
        border: none;
        color: rgb(52, 59, 72);
        background-color: transparent;
}
QPushButton::menu-indicator {
        height: 0px;
        background-color: transparent;
}

/*********************************************/

QPushButton#buttonTab_1,
QPushButton#buttonTab_2,
QPushButton#buttonTab_3,
QPushButton#buttonTab_4
{
    text-align: center right;
    padding-right: 12px;
    border: none;
    color: #A0A5AA;
    background-color: transparent;
}
QPushButton:disabled#buttonTab_1,
QPushButton:disabled#buttonTab_2,
QPushButton:disabled#buttonTab_3,
QPushButton:disabled#buttonTab_4
{
    border: none;
    color: rgb(210, 210, 210);
    background-color: #1B1D23;
}
QPushButton:hover#buttonTab_1,
QPushButton:hover#buttonTab_2,
QPushButton:hover#buttonTab_3,
QPushButton:hover#buttonTab_4
{
    background-color: rgb(52, 59, 72);
}
QPushButton:pressed#buttonTab_1,
QPushButton:pressed#buttonTab_2,
QPushButton:pressed#buttonTab_3,
QPushButton:pressed#buttonTab_4
{
    background-color: rgb(85, 170, 255);
}

/*********************************************/

QPushButton#buttonFramePrevious,
QPushButton#buttonFrameNext,
QPushButton#buttonSetStartTime,
QPushButton#buttonSetEndTime,
QPushButton#buttonConfigure,
QPushButton#buttonTempPath,
QPushButton#buttonOutputPath
{
    border: 1px solid rgb(55, 60, 70);
    color: #D2D2D2;
    background-color: transparent;
}
QPushButton:disabled#buttonFramePrevious,
QPushButton:disabled#buttonFrameNext,
QPushButton:disabled#buttonSetStartTime,
QPushButton:disabled#buttonSetEndTime,
QPushButton:disabled#buttonConfigure,
QPushButton:disabled#buttonTempPath,
QPushButton:disabled#buttonOutputPath
{
    border: 1px solid rgb(55, 60, 70);
    color: rgb(98, 103, 111);
    background-color: transparent;
}
QPushButton:hover#buttonFramePrevious,
QPushButton:hover#buttonFrameNext,
QPushButton:hover#buttonSetStartTime,
QPushButton:hover#buttonSetEndTime,
QPushButton:hover#buttonConfigure,
QPushButton:hover#buttonTempPath,
QPushButton:hover#buttonOutputPath
{
    background-color: rgb(52, 59, 72);
}
QPushButton:pressed#buttonFramePrevious,
QPushButton:pressed#buttonFrameNext,
QPushButton:pressed#buttonSetStartTime,
QPushButton:pressed#buttonSetEndTime,
QPushButton:pressed#buttonConfigure,
QPushButton:pressed#buttonTempPath,
QPushButton:pressed#buttonOutputPath
{
    background-color: rgb(85, 170, 255);
}

/*********************************************/

QPushButton#buttonApplyPreset
{
    border-radius: 0px;
    border: 1px solid rgb(55, 60, 70);
    color: #A0A5AA;
    background-color: transparent;
}
QPushButton:disabled#buttonApplyPreset
{
    border-radius: 0px;
    border: 1px solid rgb(55, 60, 70);
    color: rgb(98, 103, 111);
    background-color: transparent;
}
QPushButton:hover#buttonApplyPreset
{
    background-color: rgb(52, 59, 72);
}
QPushButton:pressed#buttonApplyPreset
{
    background-color: rgb(85, 170, 255);
}

/*********************************************/

QPushButton#buttonCancel,
QPushButton#buttonApply,
QPushButton#buttonPayPal,
QPushButton#buttonBitcoin
{
    border-radius: 0px;
    border: 1px solid rgb(100, 100, 100);
    color: #FFFFFF;
    background-color: rgb(30, 47, 80);
}

QPushButton:hover#buttonCancel,
QPushButton:hover#buttonApply,
QPushButton:hover#buttonPayPal,
QPushButton:hover#buttonBitcoin
{
    border: 1px solid rgb(61, 70, 86);
    background-color: rgb(57, 65, 80);
}

QPushButton:pressed#buttonCancel,
QPushButton:pressed#buttonApply,
QPushButton:pressed#buttonPayPal,
QPushButton:pressed#buttonBitcoin
{
    border: 1px solid rgb(43, 50, 61);
    background-color: rgb(35, 40, 49);
}


/**************************************************************************
**  QProgressBar
**************************************************************************/

QProgressBar {
    width: 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-align: center;
    color: #D2D2D2;
    background: #0B101A;
}
QProgressBar::chunk {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: #133685;
}


/**************************************************************************
**  QSlider
**************************************************************************/

QSlider::groove:horizontal {
    height: 6px;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid rgb(8, 32, 40);
    border-radius: 4px;
    background-color: rgb(8, 32, 40);
}
QSlider::sub-page:horizontal {
    border: 1px solid rgb(8, 40, 60);
    border-radius: 4px;
    background-color: rgb(8, 40, 60);
}
QSlider::handle:horizontal {
    width: 5px;
    margin: -6px;
    border: 1px solid rgb(23, 92, 127);
    border-radius: 2px;
    background-color: rgb(23, 92, 127);
}
QSlider::sub-page:horizontal:disabled {
    border: 1px solid rgb(8, 32, 40);
    border-radius: 4px;
    background-color: rgb(8, 32, 40);
}
QSlider::handle:horizontal:disabled {
    width: 5px;
    margin: -6px;
    border: 1px solid rgba(35, 37, 45, 250);
    border-radius: 2px;
    background-color: rgba(35, 37, 45, 250);
}


/**************************************************************************
**  QGroupBox
**************************************************************************/

QGroupBox {
    border: 1px solid #32363F;
    margin-top: 12px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #292930;
}
QGroupBox::title {
    subcontrol-origin: margin;
    subcontrol-position: top left;
    top: 0 ex;
    left: 12px;
    padding: 5px 5px;
    color: #A0A5AA;
}

/*********************************************/

QGroupBox#groupBoxSettings_1,
QGroupBox#groupBoxSettings_2,
QGroupBox#groupBoxSettings_3,
QGroupBox#groupBoxSettings_4,
QGroupBox#groupBoxSettings_5,
QGroupBox#groupBoxSettings_6,
QGroupBox#groupBoxSettings_7,
QGroupBox#groupBoxSettings_8,
QGroupBox#groupBoxSettings_9,
QGroupBox#groupBoxSettings_10
{
    border: 1px solid #32363F;
    margin-top: 21px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #292930;
}
QGroupBox::title#groupBoxSettings_1,
QGroupBox::title#groupBoxSettings_2,
QGroupBox::title#groupBoxSettings_3,
QGroupBox::title#groupBoxSettings_4,
QGroupBox::title#groupBoxSettings_5,
QGroupBox::title#groupBoxSettings_6,
QGroupBox::title#groupBoxSettings_7,
QGroupBox::title#groupBoxSettings_8,
QGroupBox::title#groupBoxSettings_9,
QGroupBox::title#groupBoxSettings_10
{
    subcontrol-origin: margin;
    subcontrol-position: top left;
    top: -1 ex;
    left: 6px;
    padding: 0px 0px 0px 0px;
    color: rgb(210, 210, 210);
}


/**************************************************************************
**  VLine
**************************************************************************/

QFrame[frameShape="4"],
QFrame[frameShape="5"] {
    border: none;
    background-color: #353548;
}


/**************************************************************************
**  QDockWidget
**************************************************************************/

QDockWidget {
    font-size: 8pt;
    titlebar-close-icon: url(:/resources/icons/16x16/cil-x.png);
    titlebar-normal-icon: url(:/resources/icons/16x16/cil-pin.png);
    color: #A0A5AA;
}
QDockWidget::title {
    padding-left: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center left;
    border-left: 1px solid #32363F;
    border-top: 1px solid #32363F;
    border-right: 1px solid #32363F;
    background: #25272C;
}
QDockWidget::close-button,
QDockWidget::float-button {
    icon-size: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: none;
    background: #25272C;
}
QDockWidget::close-button:hover,
QDockWidget::float-button:hover {
    background: rgb(52, 59, 72);
}
QDockWidget::close-button:pressed,
QDockWidget::float-button:pressed {
    background-color: rgb(85, 170, 255);
}
QDockWidget::close-button {
    min-width: 20px;
    min-height: 20px;
    width: 20px;
    height: 20px;
    top: 1px; bottom: 0px; right: 1px;
    subcontrol-position: center right;
    subcontrol-origin: margin;
    position: absolute;

}
QDockWidget::float-button {
    min-width: 20px;
    min-height: 20px;
    width: 20px;
    height: 20px;
    top: 1px; bottom: 0px; right: 24px;
    subcontrol-position: center right;
    subcontrol-origin: margin;
    position: absolute;

}

QTabBar, QDockWidget QTabBar {
    /*qproperty-drawBase: 0;*/
    color: #A0A5AA;
}
QTabBar::tab, QDockWidget QTabBar::tab {
}

QTabBar::tab:top, QDockWidget QTabBar::tab:top {
    min-width: 50px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #32363F;
    background-color: #292930;
}
QTabBar::tab:top:selected, QDockWidget QTabBar::tab:top:selected {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: -1px;
    border: 1px solid #32363F;
    background-color: #292930;
}
QTabBar::tab:top:!selected, QDockWidget QTabBar::tab:top:!selected {
    background-color: #292930;
}

QTabBar::tab:bottom, QDockWidget QTabBar::tab:bottom {
    min-width: 50px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border: none;
    background-color: #292930;
}
QTabBar::tab:bottom:selected, QDockWidget QTabBar::tab:bottom:selected {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -1px;
    border-left: 1px solid #32363F;
    border-right: 1px solid #32363F;
    border-bottom: 1px solid #32363F;
    border-top: none;
    background-color: #25272C;
}
QTabBar::tab:bottom:!selected, QDockWidget QTabBar::tab:bottom:!selected {
    background-color: #292930;
}

In Fedora Gnome, the borders of the QFrame are visible, but everything is shifted for some reason and the dark border of the system theme is drawn:

[mrjj]

@Helge1980

Hi
I tried to install KDE in manjaro XFCE but it exploded.
I then download the KDE version but it has issues with resolution in a virtual machine and
I gave up. Nice linux though.

I did test the style in some linux but i always use XFCE so I guess that's why i don't see it.

[Helge1980]

@mrjj

Good day!

Yes, I was also forced to install Manjaro on a virtual machine yesterday, because the computer on which Manjaro was installed failed and there are also problems with the resolution. Now I'm trying to solve the problem with QDockWidget on a VM in Fedora Gnome. Most likely, the solution will be identical for both systems.
Now there are thoughts that some decorator for Dock Widgets is enabled in these systems, which cannot be changed using style sheets.

[Helge1980]

The solution turned out to be simple to the point of outrage:

app.setStyle(QStyleFactory::create("Fusion"));