From ca7287ee60c3f6d639eb1818bca29df89d8f0434 Mon Sep 17 00:00:00 2001
From: Your Name <mohamed.mohamed112@ai.mnu.edu.eg>
Date: Tue, 26 Aug 2025 19:27:21 +0300
Subject: [PATCH] Enhance QComboBox and QGroupBox styling

Improved QComboBox appearance with updated padding, border, drop-down, and arrow styles, including hover and focus effects. Added custom styling for QComboBox item views and introduced new styles for QGroupBox and its title for better UI consistency.
---
 src/core/ytsage_style.py | 62 ++++++++++++++++++++++++++++++++++++----
 1 file changed, 57 insertions(+), 5 deletions(-)

diff --git a/src/core/ytsage_style.py b/src/core/ytsage_style.py
index 8c2c028..2981218 100644
--- a/src/core/ytsage_style.py
+++ b/src/core/ytsage_style.py
@@ -79,21 +79,59 @@ QProgressBar::chunk {
     border-radius: 2px;
 }
 QComboBox {
-    padding: 5px;
+    padding: 8px;
     border: 2px solid #1b2021;
     border-radius: 4px;
     background-color: #1b2021;
     color: #ffffff;
     min-height: 20px;
 }
+QComboBox:hover {
+    border: 2px solid #c90000;
+}
+QComboBox:focus {
+    border: 2px solid #c90000;
+}
 QComboBox::drop-down {
     border: none;
-    width: 20px;
+    width: 30px;
+    background-color: #1b2021;
+    border-radius: 0 4px 4px 0;
+}
+QComboBox::drop-down:hover {
+    background-color: #c90000;
 }
 QComboBox::down-arrow {
-    image: url(down_arrow.png);
-    width: 12px;
-    height: 12px;
+    width: 0;
+    height: 0;
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;
+    border-top: 8px solid #ffffff;
+    margin: auto;
+}
+QComboBox QAbstractItemView {
+    border: 2px solid #1b2021;
+    border-radius: 4px;
+    background-color: #1b2021;
+    color: #ffffff;
+    selection-background-color: #c90000;
+    selection-color: #ffffff;
+    outline: none;
+}
+QComboBox QAbstractItemView::item {
+    height: 30px;
+    padding: 5px;
+    border: none;
+    background-color: #1b2021;
+    color: #ffffff;
+}
+QComboBox QAbstractItemView::item:hover {
+    background-color: #c90000;
+    color: #ffffff;
+}
+QComboBox QAbstractItemView::item:selected {
+    background-color: #c90000;
+    color: #ffffff;
 }
 QCheckBox {
     spacing: 5px;
@@ -132,6 +170,20 @@ QRadioButton::indicator:checked {
 QLabel {
     color: #ffffff;
 }
+QGroupBox {
+    color: #ffffff;
+    border: 2px solid #1b2021;
+    border-radius: 4px;
+    margin-top: 1ex;
+    padding-top: 10px;
+}
+QGroupBox::title {
+    subcontrol-origin: margin;
+    left: 10px;
+    padding: 0 5px 0 5px;
+    color: #c90000;
+    font-weight: bold;
+}
 QTextEdit, QPlainTextEdit {
     background-color: #1b2021;
     color: #ffffff;