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.
This commit is contained in:
Your Name
2025-08-26 19:27:21 +03:00
parent cb342eb499
commit ca7287ee60
+57 -5
View File
@@ -79,21 +79,59 @@ QProgressBar::chunk {
border-radius: 2px; border-radius: 2px;
} }
QComboBox { QComboBox {
padding: 5px; padding: 8px;
border: 2px solid #1b2021; border: 2px solid #1b2021;
border-radius: 4px; border-radius: 4px;
background-color: #1b2021; background-color: #1b2021;
color: #ffffff; color: #ffffff;
min-height: 20px; min-height: 20px;
} }
QComboBox:hover {
border: 2px solid #c90000;
}
QComboBox:focus {
border: 2px solid #c90000;
}
QComboBox::drop-down { QComboBox::drop-down {
border: none; 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 { QComboBox::down-arrow {
image: url(down_arrow.png); width: 0;
width: 12px; height: 0;
height: 12px; 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 { QCheckBox {
spacing: 5px; spacing: 5px;
@@ -132,6 +170,20 @@ QRadioButton::indicator:checked {
QLabel { QLabel {
color: #ffffff; 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 { QTextEdit, QPlainTextEdit {
background-color: #1b2021; background-color: #1b2021;
color: #ffffff; color: #ffffff;