Impaczus/rpcs3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Touch-ups to Skyline and Envy (#5884)

Browse Source 
* Touch-ups to Skyline and Envy

* Match disabled colors on sliders, checkboxes and comboboxes

* Align header titles with section contents

* Make slider grooves clickable, add opacity to tooltips

* Adjust opacity, clean some code

* Correct slider margins, add hover effect to game table on Nightfall
This commit is contained in:
drysalter
2019-04-29 22:02:50 +03:00
committed by Ani
parent be6d9af1ab
commit 468e1e90c8
3 changed files with 206 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files
bin/GuiConfigs/Skyline (Nightfall).qss
+74 -40
View File
@@ -96,11 +96,11 @@ QToolButton {
border-bottom: 2px solid transparent;
}
QToolButton::disabled {
QToolButton:disabled {
color: #999999;
}
QToolButton::hover {
QToolButton:hover {
border-bottom: 2px solid #FFFFFF;
}
@@ -132,33 +132,33 @@ QSlider {
}
QSlider::groove:horizontal {
border: -5px solid #8cf944;
border: -3px solid transparent;
border-radius: 0.45em;
height: 8px;
background: #0074e7;
margin: 1px;
}
QSlider::groove:horizontal:disabled {
background: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0 #51657e, stop:1 #455971);
}
QSlider::handle:horizontal {
background: #111525;
border: 1px solid #5c5c5c;
border-radius: 0.1em;
width: 18px;
margin: -2px 4;
margin: -2px 2;
}
QSlider::handle:horizontal:hover {
background: #111525;
border: 1px solid #0074e7;
width: 18px;
margin: -2px 4;
}
QSlider::handle:horizontal:pressed {
border: 1px solid #0074e7;
background: #1c273d;
width: 18px;
margin: -2px 4;
}
/* Slider on Toolbar */
@@ -242,32 +242,37 @@ QRadioButton::indicator:unchecked {
background-color: #FFFFFF;
}
QRadioButton::indicator::disabled {
QRadioButton::indicator:disabled {
background-color: #455971;
}
/* Checkboxes */
QCheckBox::indicator {
border: 1px solid #455971;
border-radius: 2px;
width: 0.75em;
height: 0.75em;
margin-top: 1px;
}
QCheckBox::indicator:checked {
background-color: #0074e7;
background-color: qradialgradient(cx:0, cy:0, radius: 1, fx:0.3, fy:0.3, stop:0.8 #008be7, stop:1 #0074e7);
}
QCheckBox::indicator:unchecked:hover {
border: 1px solid #0074e7;
}
QCheckBox::indicator:checked:hover {
background-color: qradialgradient(cx:0, cy:0, radius: 1, fx:0.3, fy:0.3, stop:0.8 #3ca3e7, stop:1 #2a89e7);
}
QCheckBox::indicator:unchecked {
background-color: #FFFFFF;
}
QCheckBox::indicator::disabled {
background-color: #455971;
QCheckBox::indicator:disabled {
background-color: qradialgradient(cx:0, cy:0, radius: 1, fx:0.3, fy:0.3, stop:0.8 #51657e, stop:1 #455971);
}
/* Group Boxes (Settings Dialog) */
@@ -286,7 +291,7 @@ QGroupBox::title {
}
/* Settings Dialog: Tabs */
/* Tabs */
QTabBar::tab {
color: #455971;
padding-left: 1.25em;
@@ -298,6 +303,14 @@ QTabBar::tab {
border-bottom: 1px solid transparent;
}
QTabWidget::pane {
border: none;
}
QTabWidget::tab-bar {
alignment: center;
}
QTabBar::tab:!selected {
color: #FFFFFF;
border-bottom: 1px solid transparent;
@@ -332,17 +345,17 @@ QTabBar#tab_bar_settings::tab:hover {
border-bottom: 1px solid transparent;
}
/* Log Tabs */
QTabWidget#tab_widget_log::tab-bar {
alignment: left;
}
QTabBar#tab_bar_log::tab:!selected {
color: #FFFFFF;
border: none;
}
QTabBar#tab_bar_log::tab:selected {
color: #0074e7;
border: none;
}
QTabBar#tab_bar_log::tab:hover {
QTabBar#tab_bar_log::tab:selected, QTabBar#tab_bar_log::tab:hover {
color: #0074e7;
border: none;
}
@@ -358,7 +371,7 @@ QComboBox {
min-height: 14px;
}
QComboBox::hover {
QComboBox:hover {
color: #FFFFFF;
background-color: #1c273d;
border: 0.0625em solid #0074e7;
@@ -387,9 +400,9 @@ QComboBox::item:!selected {
}
QComboBox::indicator{
background-color:transparent;
selection-background-color:transparent;
color:transparent;
background-color: transparent;
selection-background-color: transparent;
color: transparent;
selection-color: transparent;
}
@@ -401,7 +414,7 @@ QComboBox::selected {
padding-bottom: 0.125em;
}
QComboBox::disabled {
QComboBox:disabled {
background-color: #26293b;
color: #455971;
}
@@ -424,10 +437,10 @@ QPushButton:hover {
}
QPushButton::pressed {
background-color: #111525;
background-color: #121d34;
}
QPushButton::disabled {
QPushButton:disabled {
border: 1px solid #999999;
color: #999999;
}
@@ -459,14 +472,27 @@ QSpinBox:disabled, QDoubleSpinBox:disabled {
}
/* Libraries List */
QListWidget {
border: 1px solid #FFFFFF;
border-radius: 0.1em;
}
QListWidget:disabled {
border: 1px solid #455971;
}
QListWidget::item:selected {
background-color: #111525;
background-color: #1c273d;
color: #0074e7;
border-radius: 0.125em;
}
QListWidget::item:hover {
background-color: #1c273d;
}
QListWidget:disabled, QListWidget:disabled:hover, QListWidget::item:disabled:hover {
background-color: #111525;
color: #FFFFFF;
border-radius: 0.25em;
}
@@ -489,6 +515,10 @@ QTableView {
color: #FFFFFF;
}
QTableView::item:hover {
color: #0074e7;
}
/* Progress Bar */
QProgressBar {
border: 1px solid #455971;
@@ -511,24 +541,33 @@ QLabel#gamelist_icon_background_color {
}
/* Table Headers */
QHeaderView::section {
background-color: #111525;
color: #FFFFFF;
padding-left: 0.25em;
padding-top: 0.25em;
padding-bottom: 0.25em;
border: 2px solid #370048;
QHeaderView {
border: 1px solid qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #370048, stop: 0.5 #161249, stop: 1 #00364a);
border-left: none;
border-right: none;
border-top: none;
}
QHeaderView::section {
background-color: #111525;
color: #FFFFFF;
padding-top: 3px;
padding-left: 3px;
height: 20px;
border: none;
}
QHeaderView::section:first {
padding-left: 5px;
}
/* Tooltips */
QToolTip {
background-color: #111525;
color: #FFFFFF;
padding: 0.1em;
border: none;
opacity: 225;
}
/* Log and Debugger Borders */
@@ -580,7 +619,7 @@ QLabel#log_level_warning {
}
QLabel#log_level_notice {
color: #ffffff;
color: #FFFFFF;
}
QLabel#log_level_trace {
@@ -591,11 +630,6 @@ QLabel#log_stack {
color: #0071ec;
}
/* Disable Borders */
QTabWidget::pane {
border: none;
}
/* Debug UI Settings buttons */
QLabel#color_button {
background: transparent;