From ca38c231f1d98f56ccf1af8554e267b1166ba186 Mon Sep 17 00:00:00 2001
From: TALBI Oussama <oussama.talbi.1@etu.univ-amu.fr>
Date: Sun, 21 Jan 2024 22:30:32 +0000
Subject: [PATCH] Update dark theme - button style + colors

---
 .../ressource/stylesheet/QTDark.css           | 221 +++++++-----------
 1 file changed, 90 insertions(+), 131 deletions(-)

diff --git a/IHM_Retouche_Photo/ressource/stylesheet/QTDark.css b/IHM_Retouche_Photo/ressource/stylesheet/QTDark.css
index 7446968..ede53c4 100644
--- a/IHM_Retouche_Photo/ressource/stylesheet/QTDark.css
+++ b/IHM_Retouche_Photo/ressource/stylesheet/QTDark.css
@@ -1,58 +1,105 @@
-/*
-	COLOR_DARK     = #191919
-	COLOR_MEDIUM   = #353535
-	COLOR_MEDLIGHT = #5A5A5A
-	COLOR_LIGHT    = #DDDDDD
-	COLOR_ACCENT   = #3D7848
-*/
-
 * {
 	background: #191919;
 	color: #DDDDDD;
 	border: 1px solid #5A5A5A;
 }
 
-QWidget::item:selected {
-	background: #3D7848;
-}
-
-QCheckBox, QRadioButton {
-	border: none;
-}
-
-QRadioButton::indicator, QCheckBox::indicator {
-	width: 13px;
-	height: 13px;
-}
-
-QRadioButton::indicator::unchecked, QCheckBox::indicator::unchecked {
-	border: 1px solid #5A5A5A;
-	background: none;
+/* menu */
+QMenuBar {
+    background-color: #002470;
+    color: white;
 }
 
-QRadioButton::indicator:unchecked:hover, QCheckBox::indicator:unchecked:hover {
-	border: 1px solid #DDDDDD;
+/* menu items */
+QMenuBar::item {
+    padding: 2px 20px 2px 20px;
+    border: 1px solid transparent;
 }
 
-QRadioButton::indicator::checked, QCheckBox::indicator::checked {
-	border: 1px solid #5A5A5A;
-	background: #5A5A5A;
+QMenuBar::item:selected {
+    border-color: rgb(48, 83, 136);
+    background: #3859a1;
 }
 
-QRadioButton::indicator:checked:hover, QCheckBox::indicator:checked:hover {
-	border: 1px solid #DDDDDD;
-	background: #DDDDDD;
+QMenuBar::item:pressed {
+    background: #2f477a;
 }
 
-QGroupBox {
-	margin-top: 6px;
+/* boxes */
+#_filesSelector {
+	border-bottom-right-radius: 10px;
+	margin-bottom: 5px;
 }
 
-QGroupBox::title {
-	top: -7px;
-	left: 7px;
+#_filesSelected {
+	border-top-right-radius: 10px;
+    border-bottom-right-radius: 10px;
+    margin-bottom: 15px;
 }
 
+#_toolbox {
+	border-bottom-left-radius: 10px;
+    border-top-left-radius: 10px;
+    margin-bottom: 5px;
+}
+
+/* buttons */
+#_add_selectable_element {
+    border-radius: 5px;
+    border: 1px;
+    border-color: #085a00;
+    border-style: inset;
+    min-height: 20px;
+    padding-bottom: 2px;
+    padding-top: 2px;
+	margin-bottom: 20px;
+}
+#_add_selectable_element:hover {
+    background-color: #272727;
+    border-radius: 5px;
+    border: 2px;
+    border-color: #0ea800;
+    border-style: inset;
+}
+
+#_remove_selectable_element {
+    border-radius: 5px;
+    border: 1px;
+    border-color: #790909;
+    border-style: inset;
+    min-height: 20px;
+    padding-bottom: 2px;
+    padding-top: 2px;
+	margin-bottom: 20px;
+}
+#_remove_selectable_element:hover {
+    background-color: #272727;
+    border-radius: 5px;
+    border: 2px;
+    border-color: #cf0000;
+    border-style: inset;
+}
+
+#_testButton {
+    color: rgb(255, 255, 255);
+    border-radius: 5px;
+    min-height: 20px;
+    font-size: 15px;
+    padding-bottom: 4px;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    margin-right: 15px;
+    margin-left: 15px;
+    border: 1px;
+    border-color: #3a3a3a;
+    border-style: outset;
+}
+#_testButton:hover {
+    background-color: #c2c2c2;
+    color: rgb(0, 0, 0);
+}
+
+/* scrollbar */
 QScrollBar {
 	border: 1px solid #5A5A5A;
 	background: #191919;
@@ -131,36 +178,7 @@ QScrollBar::add-page, QScrollBar::sub-page {
 	background: none;
 }
 
-QAbstractButton:hover {
-	background: #353535;
-}
-
-QAbstractButton:pressed {
-	background: #5A5A5A;
-}
-
-/* hover menu elements */
-QAbstractItemView {
-	show-decoration-selected: 1;
-	selection-background-color: #3D7848;
-	selection-color: #DDDDDD;
-	alternate-background-color: #353535;
-}
-
-QHeaderView {
-	border: 1px solid #5A5A5A;
-}
-
-QHeaderView::section {
-	background: #191919;
-	border: 1px solid #5A5A5A;
-	padding: 4px;
-}
-
-QHeaderView::section:selected, QHeaderView::section::checked {
-	background: #353535;
-}
-
+/* image container */
 QTableView {
 	gridline-color: #5A5A5A;
 }
@@ -170,7 +188,7 @@ QTabBar {
 }
 
 QTabBar::tab {
-	border-radius: 0px;
+	border-top-right-radius: 4px;
 	padding: 4px;
 	margin: 4px;
 }
@@ -179,38 +197,7 @@ QTabBar::tab:selected {
 	background: #353535;
 }
 
-QComboBox::down-arrow {
-	border: 1px solid #5A5A5A;
-	background: #353535;
-}
-
-QComboBox::drop-down {
-	border: 1px solid #5A5A5A;
-	background: #353535;
-}
-
-QComboBox::down-arrow {
-	width: 3px;
-	height: 3px;
-	border: 1px solid #5A5A5A;
-}
-
-QAbstractSpinBox {
-	padding-right: 15px;
-}
-
-QAbstractSpinBox::up-button, QAbstractSpinBox::down-button {
-	border: 1px solid #5A5A5A;
-	background: #353535;
-	subcontrol-origin: border;
-}
-
-QAbstractSpinBox::up-arrow, QAbstractSpinBox::down-arrow {
-	width: 3px;
-	height: 3px;
-	border: 1px solid #5A5A5A;
-}
-
+/**/
 QSlider {
 	border: none;
 }
@@ -241,47 +228,19 @@ QSlider::handle:vertical {
 }
 
 QSlider::add-page:vertical, QSlider::sub-page:horizontal {
-	background: #3D7848;
+	background: #111381;
 }
 
 QSlider::sub-page:vertical, QSlider::add-page:horizontal {
 	background: #353535;
 }
 
-QLabel {
-	border: none;
-}
-
+/**/
 QProgressBar {
 	text-align: center;
 }
 
 QProgressBar::chunk {
 	width: 1px;
-	background-color: #3D7848;
-}
-
-QMenu::separator {
-	background: #353535;
-}
-
-#_filesSelector {
-	border-radius: 0px 0px 10px 0px;
-	border-bottom-right-radius: 10px;
+	background-color: #0e1875;
 }
-
-#_filesSelected {
-	margin-top: 5px;
-	border-top-right-radius: 10px;
-}
-
-#_toolbox {
-	border-bottom-left-radius: 10px;
-}
-
-/* tous les boutons */
-/*
-QPushButton {}
-QPushButton:hover {}
-QPushButton:pressed {}
-*/
-- 
GitLab