diff options
| author | 2020-09-13 09:25:22 -0400 | |
|---|---|---|
| committer | 2020-11-15 23:33:19 -0500 | |
| commit | 9d4edd4e88d291aa4b778b74f6e9daa9dd358d2b (patch) | |
| tree | a06ff0991db50b8426bcfbb0e6d4a03a0b7e3fa5 /dist | |
| parent | Merge pull request #4914 from lat9nq/gl-warnings (diff) | |
| download | yuzu-9d4edd4e88d291aa4b778b74f6e9daa9dd358d2b.tar.gz yuzu-9d4edd4e88d291aa4b778b74f6e9daa9dd358d2b.tar.xz yuzu-9d4edd4e88d291aa4b778b74f6e9daa9dd358d2b.zip | |
ui/themes: Cleanup UI
Diffstat (limited to 'dist')
| -rw-r--r-- | dist/qt_themes/default/style.qss | 14 | ||||
| -rw-r--r-- | dist/qt_themes/qdarkstyle/style.qss | 71 | ||||
| -rw-r--r-- | dist/qt_themes/qdarkstyle_midnight_blue/style.qss | 81 |
3 files changed, 63 insertions, 103 deletions
diff --git a/dist/qt_themes/default/style.qss b/dist/qt_themes/default/style.qss index b6dd2063d..836dd25ca 100644 --- a/dist/qt_themes/default/style.qss +++ b/dist/qt_themes/default/style.qss | |||
| @@ -1,3 +1,7 @@ | |||
| 1 | QAbstractSpinBox { | ||
| 2 | min-height: 19px; | ||
| 3 | } | ||
| 4 | |||
| 1 | QPushButton#TogglableStatusBarButton { | 5 | QPushButton#TogglableStatusBarButton { |
| 2 | color: #959595; | 6 | color: #959595; |
| 3 | border: 1px solid transparent; | 7 | border: 1px solid transparent; |
| @@ -35,10 +39,10 @@ QPushButton#RendererStatusBarButton:!checked { | |||
| 35 | } | 39 | } |
| 36 | 40 | ||
| 37 | QPushButton#buttonRefreshDevices { | 41 | QPushButton#buttonRefreshDevices { |
| 38 | min-width: 20px; | 42 | min-width: 21px; |
| 39 | min-height: 20px; | 43 | min-height: 21px; |
| 40 | max-width: 20px; | 44 | max-width: 21px; |
| 41 | max-height: 20px; | 45 | max-height: 21px; |
| 42 | } | 46 | } |
| 43 | 47 | ||
| 44 | QWidget#bottomPerGameInput, | 48 | QWidget#bottomPerGameInput, |
| @@ -71,7 +75,7 @@ QWidget#middleControllerApplet { | |||
| 71 | 75 | ||
| 72 | QWidget#topPerGameInput QComboBox, | 76 | QWidget#topPerGameInput QComboBox, |
| 73 | QWidget#middleControllerApplet QComboBox { | 77 | QWidget#middleControllerApplet QComboBox { |
| 74 | width: 123px; | 78 | width: 120px; |
| 75 | } | 79 | } |
| 76 | 80 | ||
| 77 | QWidget#connectedControllers { | 81 | QWidget#connectedControllers { |
diff --git a/dist/qt_themes/qdarkstyle/style.qss b/dist/qt_themes/qdarkstyle/style.qss index 66026e8be..aca6531ac 100644 --- a/dist/qt_themes/qdarkstyle/style.qss +++ b/dist/qt_themes/qdarkstyle/style.qss | |||
| @@ -99,12 +99,19 @@ QGroupBox::indicator:unchecked:disabled { | |||
| 99 | } | 99 | } |
| 100 | 100 | ||
| 101 | QRadioButton { | 101 | QRadioButton { |
| 102 | spacing: 5px; | ||
| 103 | outline: none; | ||
| 104 | color: #eff0f1; | 102 | color: #eff0f1; |
| 103 | spacing: 3px; | ||
| 104 | padding: 0px; | ||
| 105 | border: none; | ||
| 106 | outline: none; | ||
| 105 | margin-bottom: 2px; | 107 | margin-bottom: 2px; |
| 106 | } | 108 | } |
| 107 | 109 | ||
| 110 | QGroupBox QRadioButton { | ||
| 111 | padding-left: 0px; | ||
| 112 | padding-right: 7px; | ||
| 113 | } | ||
| 114 | |||
| 108 | QRadioButton:disabled { | 115 | QRadioButton:disabled { |
| 109 | color: #76797C; | 116 | color: #76797C; |
| 110 | } | 117 | } |
| @@ -522,13 +529,12 @@ QToolButton#qt_toolbar_ext_button { | |||
| 522 | 529 | ||
| 523 | QPushButton { | 530 | QPushButton { |
| 524 | color: #eff0f1; | 531 | color: #eff0f1; |
| 525 | border-width: 1px; | 532 | border: 1px solid #54575B; |
| 526 | border-color: #54575B; | ||
| 527 | border-style: solid; | ||
| 528 | padding: 6px 4px; | ||
| 529 | border-radius: 2px; | 533 | border-radius: 2px; |
| 534 | padding: 5px 0px 5px 0px; | ||
| 530 | outline: none; | 535 | outline: none; |
| 531 | min-width: 100px; | 536 | min-width: 100px; |
| 537 | min-height: 13px; | ||
| 532 | background-color: #232629; | 538 | background-color: #232629; |
| 533 | } | 539 | } |
| 534 | 540 | ||
| @@ -553,8 +559,9 @@ QComboBox { | |||
| 553 | selection-background-color: #3daee9; | 559 | selection-background-color: #3daee9; |
| 554 | border: 1px solid #54575B; | 560 | border: 1px solid #54575B; |
| 555 | border-radius: 2px; | 561 | border-radius: 2px; |
| 556 | padding: 4px 6px; | 562 | padding: 0px 4px 0px 4px; |
| 557 | min-width: 75px; | 563 | min-width: 60px; |
| 564 | min-height: 23px; | ||
| 558 | background-color: #232629; | 565 | background-color: #232629; |
| 559 | } | 566 | } |
| 560 | 567 | ||
| @@ -608,26 +615,26 @@ QComboBox::down-arrow:focus { | |||
| 608 | } | 615 | } |
| 609 | 616 | ||
| 610 | QAbstractSpinBox { | 617 | QAbstractSpinBox { |
| 611 | padding: 4px 6px; | ||
| 612 | border: 1px solid #54575B; | 618 | border: 1px solid #54575B; |
| 613 | background-color: #232629; | 619 | background-color: #232629; |
| 614 | color: #eff0f1; | 620 | color: #eff0f1; |
| 615 | border-radius: 2px; | 621 | border-radius: 2px; |
| 616 | min-width: 75px; | 622 | min-width: 52px; |
| 623 | min-height: 23px; | ||
| 617 | } | 624 | } |
| 618 | 625 | ||
| 619 | QAbstractSpinBox:up-button { | 626 | QAbstractSpinBox:up-button { |
| 620 | background-color: transparent; | 627 | background-color: transparent; |
| 621 | subcontrol-origin: border; | 628 | subcontrol-origin: border; |
| 622 | subcontrol-position: center right; | 629 | subcontrol-position: center right; |
| 623 | left: -6px; | 630 | left: -2px; |
| 624 | } | 631 | } |
| 625 | 632 | ||
| 626 | QAbstractSpinBox:down-button { | 633 | QAbstractSpinBox:down-button { |
| 627 | background-color: transparent; | 634 | background-color: transparent; |
| 628 | subcontrol-origin: border; | 635 | subcontrol-origin: border; |
| 629 | subcontrol-position: center left; | 636 | subcontrol-position: center left; |
| 630 | right: -6px; | 637 | right: -2px; |
| 631 | } | 638 | } |
| 632 | 639 | ||
| 633 | QAbstractSpinBox::up-arrow, | 640 | QAbstractSpinBox::up-arrow, |
| @@ -1277,34 +1284,17 @@ QPushButton#RendererStatusBarButton:!checked { | |||
| 1277 | } | 1284 | } |
| 1278 | 1285 | ||
| 1279 | QPushButton#buttonRefreshDevices { | 1286 | QPushButton#buttonRefreshDevices { |
| 1280 | min-width: 24px; | 1287 | min-width: 23px; |
| 1281 | min-height: 24px; | 1288 | min-height: 23px; |
| 1282 | max-width: 24px; | 1289 | max-width: 23px; |
| 1283 | max-height: 24px; | 1290 | max-height: 23px; |
| 1284 | padding: 0px 0px; | 1291 | padding: 0px 0px; |
| 1285 | } | 1292 | } |
| 1286 | 1293 | ||
| 1287 | QSpinBox#spinboxLStickRange, | 1294 | QSpinBox#spinboxLStickRange, |
| 1288 | QSpinBox#spinboxRStickRange { | 1295 | QSpinBox#spinboxRStickRange, |
| 1289 | padding: 4px 0px 5px 0px; | ||
| 1290 | min-width: 63px; | ||
| 1291 | } | ||
| 1292 | |||
| 1293 | QSpinBox#vibrationSpin { | 1296 | QSpinBox#vibrationSpin { |
| 1294 | padding: 4px 0px 5px 0px; | 1297 | min-width: 68px; |
| 1295 | min-width: 63px; | ||
| 1296 | } | ||
| 1297 | |||
| 1298 | QSpinBox#spinboxLStickRange:up-button, | ||
| 1299 | QSpinBox#spinboxRStickRange:up-button, | ||
| 1300 | QSpinBox#vibrationSpin:up-button { | ||
| 1301 | left: -2px; | ||
| 1302 | } | ||
| 1303 | |||
| 1304 | QSpinBox#spinboxLStickRange:down-button, | ||
| 1305 | QSpinBox#spinboxRStickRange:down-button, | ||
| 1306 | QSpinBox#vibrationSpin:down-button { | ||
| 1307 | right: -1px; | ||
| 1308 | } | 1298 | } |
| 1309 | 1299 | ||
| 1310 | QGroupBox#motionGroup::indicator, | 1300 | QGroupBox#motionGroup::indicator, |
| @@ -1340,16 +1330,7 @@ QWidget#middleControllerApplet { | |||
| 1340 | 1330 | ||
| 1341 | QWidget#topPerGameInput QComboBox, | 1331 | QWidget#topPerGameInput QComboBox, |
| 1342 | QWidget#middleControllerApplet QComboBox { | 1332 | QWidget#middleControllerApplet QComboBox { |
| 1343 | width: 119px; | 1333 | width: 120px; |
| 1344 | } | ||
| 1345 | |||
| 1346 | QRadioButton#radioDocked { | ||
| 1347 | margin-left: -3px; | ||
| 1348 | } | ||
| 1349 | |||
| 1350 | |||
| 1351 | QRadioButton#radioUndocked { | ||
| 1352 | margin-right: 5px; | ||
| 1353 | } | 1334 | } |
| 1354 | 1335 | ||
| 1355 | QWidget#connectedControllers { | 1336 | QWidget#connectedControllers { |
diff --git a/dist/qt_themes/qdarkstyle_midnight_blue/style.qss b/dist/qt_themes/qdarkstyle_midnight_blue/style.qss index c6318ba4e..ad032a966 100644 --- a/dist/qt_themes/qdarkstyle_midnight_blue/style.qss +++ b/dist/qt_themes/qdarkstyle_midnight_blue/style.qss | |||
| @@ -172,8 +172,8 @@ QCheckBox { | |||
| 172 | color: #F0F0F0; | 172 | color: #F0F0F0; |
| 173 | spacing: 4px; | 173 | spacing: 4px; |
| 174 | outline: none; | 174 | outline: none; |
| 175 | padding-top: 4px; | 175 | padding-top: 2px; |
| 176 | padding-bottom: 4px; | 176 | padding-bottom: 2px; |
| 177 | } | 177 | } |
| 178 | 178 | ||
| 179 | QCheckBox:focus { | 179 | QCheckBox:focus { |
| @@ -239,7 +239,7 @@ QGroupBox { | |||
| 239 | border: 1px solid #32414B; | 239 | border: 1px solid #32414B; |
| 240 | border-radius: 4px; | 240 | border-radius: 4px; |
| 241 | margin-top: 12px; | 241 | margin-top: 12px; |
| 242 | padding: 4px; | 242 | padding: 2px; |
| 243 | } | 243 | } |
| 244 | 244 | ||
| 245 | QGroupBox::title { | 245 | QGroupBox::title { |
| @@ -247,7 +247,7 @@ QGroupBox::title { | |||
| 247 | subcontrol-position: top left; | 247 | subcontrol-position: top left; |
| 248 | padding-left: 3px; | 248 | padding-left: 3px; |
| 249 | padding-right: 5px; | 249 | padding-right: 5px; |
| 250 | padding-top: 4px; | 250 | padding-top: 2px; |
| 251 | } | 251 | } |
| 252 | 252 | ||
| 253 | QGroupBox::indicator { | 253 | QGroupBox::indicator { |
| @@ -298,6 +298,11 @@ QRadioButton { | |||
| 298 | outline: none; | 298 | outline: none; |
| 299 | } | 299 | } |
| 300 | 300 | ||
| 301 | QGroupBox QRadioButton { | ||
| 302 | padding-left: 0px; | ||
| 303 | padding-right: 7px; | ||
| 304 | } | ||
| 305 | |||
| 301 | QRadioButton:focus { | 306 | QRadioButton:focus { |
| 302 | border: none; | 307 | border: none; |
| 303 | } | 308 | } |
| @@ -321,7 +326,6 @@ QRadioButton QWidget { | |||
| 321 | QRadioButton::indicator { | 326 | QRadioButton::indicator { |
| 322 | border: none; | 327 | border: none; |
| 323 | outline: none; | 328 | outline: none; |
| 324 | margin-left: 4px; | ||
| 325 | height: 16px; | 329 | height: 16px; |
| 326 | width: 16px; | 330 | width: 16px; |
| 327 | } | 331 | } |
| @@ -785,14 +789,8 @@ QAbstractSpinBox { | |||
| 785 | background-color: #19232D; | 789 | background-color: #19232D; |
| 786 | border: 1px solid #32414B; | 790 | border: 1px solid #32414B; |
| 787 | color: #F0F0F0; | 791 | color: #F0F0F0; |
| 788 | /* This fixes 103, 111 */ | ||
| 789 | padding-top: 2px; | ||
| 790 | /* This fixes 103, 111 */ | ||
| 791 | padding-bottom: 2px; | ||
| 792 | padding-left: 4px; | ||
| 793 | padding-right: 4px; | ||
| 794 | border-radius: 4px; | 792 | border-radius: 4px; |
| 795 | /* min-width: 5px; removed to fix 109 */ | 793 | min-height: 19px; |
| 796 | } | 794 | } |
| 797 | 795 | ||
| 798 | QAbstractSpinBox:up-button { | 796 | QAbstractSpinBox:up-button { |
| @@ -997,10 +995,11 @@ QPushButton { | |||
| 997 | border: 1px solid #32414B; | 995 | border: 1px solid #32414B; |
| 998 | color: #F0F0F0; | 996 | color: #F0F0F0; |
| 999 | border-radius: 4px; | 997 | border-radius: 4px; |
| 1000 | padding: 3px; | 998 | padding: 3px 0px 3px 0px; |
| 1001 | outline: none; | 999 | outline: none; |
| 1002 | /* Issue #194 - Special case of QPushButton inside dialogs, for better UI */ | 1000 | /* Issue #194 - Special case of QPushButton inside dialogs, for better UI */ |
| 1003 | min-width: 80px; | 1001 | min-width: 80px; |
| 1002 | min-height: 13px; | ||
| 1004 | } | 1003 | } |
| 1005 | 1004 | ||
| 1006 | QPushButton:disabled { | 1005 | QPushButton:disabled { |
| @@ -1008,14 +1007,14 @@ QPushButton:disabled { | |||
| 1008 | border: 1px solid #32414B; | 1007 | border: 1px solid #32414B; |
| 1009 | color: #787878; | 1008 | color: #787878; |
| 1010 | border-radius: 4px; | 1009 | border-radius: 4px; |
| 1011 | padding: 3px; | 1010 | padding: 3px 0px 3px 0px; |
| 1012 | } | 1011 | } |
| 1013 | 1012 | ||
| 1014 | QPushButton:checked { | 1013 | QPushButton:checked { |
| 1015 | background-color: #32414B; | 1014 | background-color: #32414B; |
| 1016 | border: 1px solid #32414B; | 1015 | border: 1px solid #32414B; |
| 1017 | border-radius: 4px; | 1016 | border-radius: 4px; |
| 1018 | padding: 3px; | 1017 | padding: 3px 0px 3px 0px; |
| 1019 | outline: none; | 1018 | outline: none; |
| 1020 | } | 1019 | } |
| 1021 | 1020 | ||
| @@ -1024,7 +1023,7 @@ QPushButton:checked:disabled { | |||
| 1024 | border: 1px solid #32414B; | 1023 | border: 1px solid #32414B; |
| 1025 | color: #787878; | 1024 | color: #787878; |
| 1026 | border-radius: 4px; | 1025 | border-radius: 4px; |
| 1027 | padding: 3px; | 1026 | padding: 3px 0px 3px 0px; |
| 1028 | outline: none; | 1027 | outline: none; |
| 1029 | } | 1028 | } |
| 1030 | 1029 | ||
| @@ -1197,15 +1196,9 @@ QComboBox { | |||
| 1197 | border: 1px solid #32414B; | 1196 | border: 1px solid #32414B; |
| 1198 | border-radius: 4px; | 1197 | border-radius: 4px; |
| 1199 | selection-background-color: #1464A0; | 1198 | selection-background-color: #1464A0; |
| 1200 | padding-left: 4px; | 1199 | padding: 0px 4px 0px 4px; |
| 1201 | padding-right: 36px; | 1200 | min-width: 60px; |
| 1202 | /* 4 + 16*2 See scrollbar size */ | 1201 | min-height: 19px; |
| 1203 | /* Fixes #103, #111 */ | ||
| 1204 | min-height: 1.5em; | ||
| 1205 | /* padding-top: 2px; removed to fix #132 */ | ||
| 1206 | /* padding-bottom: 2px; removed to fix #132 */ | ||
| 1207 | /* min-width: 75px; removed to fix #109 */ | ||
| 1208 | /* Needed to remove indicator - fix #132 */ | ||
| 1209 | } | 1202 | } |
| 1210 | 1203 | ||
| 1211 | QComboBox QAbstractItemView { | 1204 | QComboBox QAbstractItemView { |
| @@ -2198,16 +2191,17 @@ QPushButton#RendererStatusBarButton:!checked { | |||
| 2198 | } | 2191 | } |
| 2199 | 2192 | ||
| 2200 | QPushButton#buttonRefreshDevices { | 2193 | QPushButton#buttonRefreshDevices { |
| 2201 | min-width: 20px; | 2194 | min-width: 19px; |
| 2202 | min-height: 20px; | 2195 | min-height: 19px; |
| 2203 | max-width: 20px; | 2196 | max-width: 19px; |
| 2204 | max-height: 20px; | 2197 | max-height: 19px; |
| 2205 | padding: 0px 0px; | 2198 | padding: 0px 0px; |
| 2206 | } | 2199 | } |
| 2207 | 2200 | ||
| 2208 | QSpinBox#spinboxLStickRange, | 2201 | QSpinBox#spinboxLStickRange, |
| 2209 | QSpinBox#spinboxRStickRange { | 2202 | QSpinBox#spinboxRStickRange, |
| 2210 | min-width: 38px; | 2203 | QSpinBox#vibrationSpin { |
| 2204 | min-width: 68px; | ||
| 2211 | } | 2205 | } |
| 2212 | 2206 | ||
| 2213 | QGroupBox#motionGroup::indicator, | 2207 | QGroupBox#motionGroup::indicator, |
| @@ -2260,26 +2254,7 @@ QWidget#middleControllerApplet { | |||
| 2260 | 2254 | ||
| 2261 | QWidget#topPerGameInput QComboBox, | 2255 | QWidget#topPerGameInput QComboBox, |
| 2262 | QWidget#middleControllerApplet QComboBox { | 2256 | QWidget#middleControllerApplet QComboBox { |
| 2263 | padding-right: 2px; | 2257 | width: 120px; |
| 2264 | width: 127px; | ||
| 2265 | } | ||
| 2266 | |||
| 2267 | QGroupBox#handheldGroup { | ||
| 2268 | padding-left: 0px; | ||
| 2269 | } | ||
| 2270 | |||
| 2271 | QRadioButton#radioDocked { | ||
| 2272 | margin-left: -1px; | ||
| 2273 | padding-left: 0px; | ||
| 2274 | } | ||
| 2275 | |||
| 2276 | QRadioButton#radioDocked::indicator { | ||
| 2277 | margin-left: 0px; | ||
| 2278 | } | ||
| 2279 | |||
| 2280 | |||
| 2281 | QRadioButton#radioUndocked { | ||
| 2282 | margin-right: 2px; | ||
| 2283 | } | 2258 | } |
| 2284 | 2259 | ||
| 2285 | QWidget#connectedControllers { | 2260 | QWidget#connectedControllers { |
| @@ -2352,7 +2327,7 @@ QCheckBox#checkboxPlayer5Connected, | |||
| 2352 | QCheckBox#checkboxPlayer6Connected, | 2327 | QCheckBox#checkboxPlayer6Connected, |
| 2353 | QCheckBox#checkboxPlayer7Connected, | 2328 | QCheckBox#checkboxPlayer7Connected, |
| 2354 | QCheckBox#checkboxPlayer8Connected { | 2329 | QCheckBox#checkboxPlayer8Connected { |
| 2355 | spacing: 0px; | 2330 | spacing: 0px; |
| 2356 | } | 2331 | } |
| 2357 | 2332 | ||
| 2358 | QWidget#connectedControllers QLabel { | 2333 | QWidget#connectedControllers QLabel { |
| @@ -2427,7 +2402,7 @@ QCheckBox#checkboxPlayer7Connected::indicator, | |||
| 2427 | QCheckBox#checkboxPlayer8Connected::indicator { | 2402 | QCheckBox#checkboxPlayer8Connected::indicator { |
| 2428 | width: 14px; | 2403 | width: 14px; |
| 2429 | height: 14px; | 2404 | height: 14px; |
| 2430 | margin-left: 2px; | 2405 | margin-left: 0px; |
| 2431 | } | 2406 | } |
| 2432 | 2407 | ||
| 2433 | QWidget#Player1LEDs QCheckBox::indicator:checked, | 2408 | QWidget#Player1LEDs QCheckBox::indicator:checked, |