From b1303802da7d77d7463a79487dfa71ee110e992e Mon Sep 17 00:00:00 2001 From: Daniel Pizetta Date: Wed, 31 Mar 2021 17:03:40 -0300 Subject: [PATCH] Keep tool buttons and push button with the same style, closes #260 --- qdarkstyle/qss/_styles.scss | 129 +++++++++++++++--------------------- 1 file changed, 52 insertions(+), 77 deletions(-) diff --git a/qdarkstyle/qss/_styles.scss b/qdarkstyle/qss/_styles.scss index 87369820..4979d218 100644 --- a/qdarkstyle/qss/_styles.scss +++ b/qdarkstyle/qss/_styles.scss @@ -820,43 +820,6 @@ QToolBar { background-color: $COLOR_BACKGROUND_4; } - QToolButton { - background-color: $COLOR_BACKGROUND_4; - border: $BORDER_2; - - &:hover { - background-color: $COLOR_BACKGROUND_5; - border: $COLOR_BACKGROUND_5; - } - - &:checked { - border: $COLOR_BACKGROUND_6; - background-color: $COLOR_BACKGROUND_6; - - &:hover { - background-color: $COLOR_BACKGROUND_6; - border: $COLOR_BACKGROUND_6; - } - } - - &:pressed { - border: $COLOR_BACKGROUND_6; - background-color: $COLOR_BACKGROUND_6; - - &:hover { - background-color: $COLOR_BACKGROUND_6; - border: $COLOR_BACKGROUND_6; - } - } - - /* This fixes 202 */ - &:disabled { - border: $COLOR_BACKGROUND_4; - background-color: $COLOR_BACKGROUND_4; - - } - } - &::handle { &:horizontal { @@ -1117,33 +1080,30 @@ https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qpushbutton --------------------------------------------------------------------------- */ QPushButton { background-color: $COLOR_BACKGROUND_4; - border: $BORDER_2; color: $COLOR_TEXT_1; border-radius: $SIZE_BORDER_RADIUS; - padding: 3px; + padding: 2px; outline: none; + border: none; &:disabled { background-color: $COLOR_BACKGROUND_4; - border: $BORDER_2; color: $COLOR_TEXT_4; border-radius: $SIZE_BORDER_RADIUS; - padding: 3px; + padding: 2px; } &:checked { background-color: $COLOR_BACKGROUND_6; - border: $COLOR_BACKGROUND_6; border-radius: $SIZE_BORDER_RADIUS; - padding: 3px; + padding: 2px; outline: none; &:disabled { background-color: $COLOR_BACKGROUND_6; - border: $COLOR_BACKGROUND_6; color: $COLOR_TEXT_4; border-radius: $SIZE_BORDER_RADIUS; - padding: 3px; + padding: 2px; outline: none; } @@ -1153,21 +1113,13 @@ QPushButton { } - &::menu-indicator { - subcontrol-origin: padding; - subcontrol-position: bottom right; - bottom: 4px; - } - &:hover { background-color: $COLOR_BACKGROUND_5; - border: $COLOR_BACKGROUND_5; color: $COLOR_TEXT_1; } &:pressed { background-color: $COLOR_BACKGROUND_6; - border: $COLOR_BACKGROUND_6; } &:selected { @@ -1175,6 +1127,12 @@ QPushButton { color: $COLOR_TEXT_1; } + &::menu-indicator { + subcontrol-origin: padding; + subcontrol-position: bottom right; + bottom: 4px; + } + } QDialogButtonBox QPushButton { @@ -1187,45 +1145,62 @@ https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtoolbutton --------------------------------------------------------------------------- */ QToolButton { - background-color: transparent; - border: 1px solid transparent; + background-color: $COLOR_BACKGROUND_4; + color: $COLOR_TEXT_1; border-radius: $SIZE_BORDER_RADIUS; - margin: 0px; padding: 2px; + outline: none; + border: none; + + &:disabled { + background-color: $COLOR_BACKGROUND_4; + color: $COLOR_TEXT_4; + border-radius: $SIZE_BORDER_RADIUS; + padding: 2px; + } &:checked { - background-color: $COLOR_BACKGROUND_3; - border: $COLOR_BACKGROUND_3; + background-color: $COLOR_BACKGROUND_6; + border-radius: $SIZE_BORDER_RADIUS; + padding: 2px; + outline: none; &:disabled { - background-color: $COLOR_BACKGROUND_4; - border: $COLOR_BACKGROUND_4; + background-color: $COLOR_BACKGROUND_6; + color: $COLOR_TEXT_4; + border-radius: $SIZE_BORDER_RADIUS; + padding: 2px; + outline: none; } + &:hover { - background-color: $COLOR_BACKGROUND_3; - border: $COLOR_BACKGROUND_3; + background-color: $COLOR_BACKGROUND_5; + color: $COLOR_TEXT_1; } - } - &:pressed { - margin: 1px; - background-color: $COLOR_BACKGROUND_3; - border: $COLOR_BACKGROUND_3; - &:hover { - background-color: $COLOR_BACKGROUND_3; - border: $COLOR_BACKGROUND_3; + &:pressed { + background-color: $COLOR_BACKGROUND_6; } - } - &:disabled { - border: none; + &:selected { + background: $COLOR_BACKGROUND_6; + color: $COLOR_TEXT_1; + } } &:hover { - background-color: $COLOR_BACKGROUND_2; - border: $COLOR_BACKGROUND_2; + background-color: $COLOR_BACKGROUND_5; + color: $COLOR_TEXT_1; + } + + &:pressed { + background-color: $COLOR_BACKGROUND_6; + } + &:selected { + background: $COLOR_BACKGROUND_6; + color: $COLOR_TEXT_1; } /* The subcontrols below are used only in the DelayedPopup mode */ @@ -1244,7 +1219,7 @@ QToolButton { &:hover { border: none; - border-left: 1px solid $COLOR_ACCENT_3; + border-left: 1px solid $COLOR_BACKGROUND_4; border-radius: 0; } } @@ -1259,8 +1234,8 @@ QToolButton { &::menu-button { padding: 2px; border-radius: $SIZE_BORDER_RADIUS; - border: $BORDER_2; width: 12px; + border: none; outline: none; &:hover {