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