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:
1 parent
cb342eb499
commit
ca7287ee60
1 file changed
+57
-5
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user