From 258df80bf61ca1a27b3ae2fd92b8dbbf5d8d2354 Mon Sep 17 00:00:00 2001
From: drysalter <49168108+drysalter@users.noreply.github.com>
Date: Sun, 21 Apr 2019 02:41:20 +0300
Subject: [PATCH] Add Envy and Skyline themes (#5789)

---
 bin/GuiConfigs/Envy.qss                | 627 +++++++++++++++++++++++++
 bin/GuiConfigs/Skyline (Nightfall).qss | 608 ++++++++++++++++++++++++
 bin/GuiConfigs/Skyline.qss             | 625 ++++++++++++++++++++++++
 3 files changed, 1860 insertions(+)
 create mode 100644 bin/GuiConfigs/Envy.qss
 create mode 100644 bin/GuiConfigs/Skyline (Nightfall).qss
 create mode 100644 bin/GuiConfigs/Skyline.qss

diff --git a/bin/GuiConfigs/Envy.qss b/bin/GuiConfigs/Envy.qss
new file mode 100644
index 0000000000..60bc570f7e
--- /dev/null
+++ b/bin/GuiConfigs/Envy.qss
@@ -0,0 +1,627 @@
+/* 
+Envy theme for RPCS3 by drysalter (https://github.com/drysalter)
+03/04/2019
+*/
+
+/*
+
+Table of Main Colors:
+
+Gray: #23262d
+Lighter Gray: #2d3038
+Disabled Gray: #4d5058
+ComboBox Gray: #999999
+GroupBox Gray: #bdc3c7
+White: #f8f8f8
+Green: #8cf944
+Lighter Green: #b1f184
+Candy Red: #ff007a
+Yellow: #f2d571
+Fuchsia: #ff00ff
+Orange: #ff6000
+Cyan: #3498d8 
+
+*/
+
+/* Main Colouring */
+QWidget {
+	background-color: #23262d;
+	color: #f8f8f8;
+	alternate-background-color: #23262d;
+}
+
+/* Tooltips */
+QToolTip {
+	background-color: #2d3038;
+	color: #8cf944;
+	padding: 0.2em;
+	border: 1px #2d3038;
+}
+
+/* Table Headers */
+QHeaderView::section {
+	background-color: #23262d;
+	color: #f8f8f8;
+	padding-left: 0.25em;
+	padding-top: 0.25em;
+	padding-bottom: 0.25em;
+	border: 1px solid #8cf944;
+	border-top: none;
+	border-left: none;
+	border-right: none;
+}
+
+/* Settings Dialog: Tabs */
+QTabBar::tab {
+	color: #8cf944;
+	padding-left: 1.25em;
+	padding-right: 1.25em;
+	padding-top: 0.5em;
+	padding-bottom: 0.75em;
+	border: none;
+	min-width: 65px;
+	border-bottom: 1px solid #8cf944;
+}
+
+QTabBar::tab:!selected {
+	color: #f8f8f8;
+	border-bottom: 1px solid transparent;
+}
+
+QTabBar::tab:selected {
+	color: #8cf944;
+	border-bottom: 1px solid #8cf944;
+}
+
+QTabBar::tab:hover {
+	color: #b1f184;
+}
+
+QTabBar#tab_bar_settings {
+	border-bottom: 1px solid #8cf944;
+}
+
+QTabBar#tab_bar_settings::tab:!selected {
+	color: #FFF;
+	border-bottom: 1px solid transparent;
+}
+
+QTabBar#tab_bar_settings::tab:selected {
+	color: #8cf944;
+	border-bottom: 1px solid #8cf944;
+}
+
+QTabBar#tab_bar_settings::tab:hover {
+	color: #b1f184;
+	border-bottom: 1px solid #8cf944;
+}
+
+QTabBar#tab_bar_log::tab:!selected {
+	color: #FFF;
+	border: none;
+}
+
+QTabBar#tab_bar_log::tab:selected {
+	color: #8cf944;
+	border: none;
+}
+
+QTabBar#tab_bar_log::tab:hover {
+	color: #b1f184;
+	border: none;
+}
+
+/* Checkboxes */
+QCheckBox::indicator {
+	border-radius: 0.125em;
+	border-top-right-radius: 0em;
+	border-bottom-left-radius: 0em;
+	border: 1px solid #FFF;
+	width: 0.75em;
+	height: 0.75em;
+	margin-top: 1px;
+}
+
+QCheckBox::indicator:checked {
+	background-color: #7fff03;
+}
+
+QCheckBox::indicator:unchecked:hover {
+	border: 1px solid #7fff03;
+}
+
+QCheckBox::indicator:unchecked {
+	background-color: #000;
+}
+
+QCheckBox::indicator::disabled {
+	background-color: #4d5058;
+}
+
+/* Scrollbars */
+QScrollBar {
+	width: 5px;
+	background: #23262d;
+}
+
+QTableView QScrollBar {
+	width: 3px;
+	height: 3px;
+}
+
+QScrollBar::handle {
+	background: #4d5058;
+	min-height: 30px;
+}
+
+QScrollBar::handle:hover, QScrollBar::handle:pressed {
+	background: #8cf944;
+}
+
+QScrollBar::handle:disabled {
+	background: #2d3038;
+}
+
+QScrollBar::up-arrow, QScrollBar::down-arrow, QScrollBar::up-button:vertical, QScrollBar::down-button, QScrollBar::sub-line, QScrollBar::add-line, QScrollBar::add-page, QScrollBar::sub-page {
+	color: transparent;
+	background: transparent;
+	border: none;
+}
+
+/* Radio Buttons */
+QRadioButton::indicator {
+	border: 0.0625em solid #FFF;
+	width: 0.8em;
+	height: 0.8em;
+	margin-top: 0.0625em;
+	border-radius: 0.45em;
+}
+
+QRadioButton::indicator:checked {
+	background: qradialgradient(cx:0, cy:0, radius: 1, fx:1, fy:1, stop:0.25 #7fff03, stop:0.3 #000);
+}
+
+QRadioButton::indicator:unchecked:hover {
+	background: qradialgradient(cx:0, cy:0, radius: 1, fx:1, fy:1, stop:0.25 #b1f184, stop:0.3 #000);
+}
+
+QRadioButton::indicator:unchecked {
+	background-color: #000;
+}
+
+QRadioButton::indicator::disabled {
+	background-color: #4d5058; 
+}
+
+/* Combo Boxes */
+QComboBox {
+	background-color: #23262d;
+	color: #f8f8f8;
+	border: 0.0625em solid #999999;
+	border-radius: 0.10em;
+	padding-bottom: 0.125em;
+	padding-left: 0.25em;
+	min-height: 14px;
+}
+
+QComboBox::hover {
+	color: #8cf944;
+	background-color: #2d3038;
+	border: 0.0625em solid #8cf944;
+	border-radius: 0.10em;
+	padding-bottom: 0.125em;
+	padding-left: 0.25em;
+}
+
+QComboBox::selected {
+	background-color: #2d3038;
+	color: #FFFFFF;
+	border: 0.0625em solid #8cf944;
+	border-radius: 0.10em;
+	padding-bottom: 0.125em;
+	padding-left: 0.25em;
+}
+
+QComboBox::!selected {
+	background-color: #23262d;
+	color: #FFFFFF;
+	border-radius: 0.10em;
+	padding-bottom: 0.125em;
+	padding-left: 0.25em;
+}
+
+QComboBox::disabled {
+	background-color: #4d5058;
+	color: #fff;
+}
+
+/* Sliders */
+QSlider::groove:horizontal {
+	border: -5px solid #8cf944;
+	border-radius: 0.45em;
+	height: 8px;
+	background: #8cf944;
+	margin: 1px;
+}
+
+QSlider::handle:horizontal {
+	background: #23262d;
+	border: 1px solid #5c5c5c;
+	border-radius: 0.1em;
+	width: 18px;
+	margin: -2px 4; 
+}
+
+QSlider::handle:horizontal:hover {
+	background: #23262d;
+	border: 1px solid #8cf944;
+	width: 18px;
+	margin: -2px 4; 
+}
+
+QSlider::handle:horizontal:pressed {
+	background: #30333a;
+	border: 1px solid #8cf944;
+	width: 18px;
+	margin: -2px 4; 
+}
+
+/* Progress Bar */
+QProgressBar {
+	border: 0.05em solid #999999;
+	border-radius: 3px;
+	text-align: center;
+}
+
+QProgressBar::chunk {
+	background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #b1f184, stop: 0.5 #99f75b, stop: 1 #8cf944);
+}
+
+/* Group Boxes (Settings Dialog) */
+QGroupBox {
+	margin-top: 1em;
+	font-size: 8pt;
+	border: 0.05em solid #bdc3c7;
+	border-radius: 0.3em;
+}
+
+QGroupBox::title {
+	subcontrol-origin: margin;
+	subcontrol-position: top;
+	padding: 0.3em 0.5em 0.3em 0.5em;
+	color: #fff;
+}
+
+/* Buttons */
+QPushButton {
+	background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #23262d, stop: 1 #23262d);
+	border-width: 2px;
+	border: 1px solid #f8f8f8;
+	border-radius: 2px;
+	padding: 2px;
+	color: #f8f8f8;
+	min-width: 82px;
+}
+
+QPushButton:hover {
+	background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #23262d, stop: 1 #23262d);
+	border-width: 2px;
+	border: 1px solid #8cf944;
+	padding: 2px;
+	color: #8cf944;
+}
+
+QPushButton::disabled {
+	color: #999999;
+}
+
+QPushButton::pressed {
+	background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #2d3038, stop: 1 #2d3038); 
+}
+
+/* Spinboxes */
+QSpinBox, QDoubleSpinBox {
+	border: 1px solid #999999;
+	padding: 2px;
+	color: #999999;
+	border-radius: 2px;
+	background-color: transparent;
+}
+
+QSpinBox:hover, QDoubleSpinBox:hover {
+	background-color: transparent;
+	border: 1px solid #8cf944;
+	padding: 2px;
+}
+
+QSpinBox::up-button, QSpinBox::down-button, QDoubleSpinBox::up-button, QDoubleSpinBox::down-button {
+	background: transparent;
+}
+
+QSpinBox:disabled, QDoubleSpinBox:disabled {
+	border: 1px solid #4d5058;
+	color: #4d5058;
+}
+
+
+/* Log and Debugger Borders */
+QTextEdit {
+	border-top: 0.05em solid #8cf944;
+}
+
+QLineEdit {
+	border: 1px solid #f8f8f8;
+	border-top: none;
+	border-left: none;
+	border-right: none;
+}
+
+QLineEdit:focus {
+	border: 1px solid #8cf944;
+	border-top: none;
+	border-left: none;
+	border-right: none;
+}
+
+
+/* Title Bar Docking Buttons */
+QDockWidget::close-button, QDockWidget::float-button {
+	background-color: #23262d;
+	width: auto;
+}
+
+/* Disable Borders */
+QTabWidget::pane {
+	border: none;
+}
+
+/* Top Menu Bar */
+QMenuBar::item:selected {
+	margin-bottom: 0.125em;
+	color: #8cf944;
+	background: transparent;
+}
+
+QMenuBar::item:!selected {
+	border-bottom: 2px solid transparent;
+	padding-top: 3px;
+	padding-bottom: 3px;
+	padding-left: 6px;
+	padding-right: 6px;
+}
+
+QMenuBar::item:pressed {
+	color: #8cf944;
+	background: #2d3038;
+	margin-bottom: 0.125em;
+}
+
+QMenu::item {
+	padding-left: 1.5em;
+	padding-right: 0.75em;
+	padding-top: 0.25em;
+	padding-bottom: 0.25em;
+	margin-bottom: 0.125em;
+	border-left: 1px solid transparent;
+}
+
+QMenu::item:selected {
+	background: #2d3038;
+	color: #8cf944;
+	border-left: 1px solid #8cf944;
+}
+
+QMenu::item:disabled {
+	background-color: #23262d;
+	color: #999999;
+}
+
+/* Libraries List */
+QListWidget::item:selected {
+	background-color: #30333a;
+	color: #b1f184;
+	border-radius: 0.125em;
+}
+
+QListWidget::item:hover {
+	background-color:  #30333a;
+	color: #8cf944;
+	border-radius: 0.25em;
+}
+
+QListWidget::indicator {
+	border: 1px solid #f8f8f8;
+	background: #000000;
+	padding: 5px;
+}
+
+QListWidget::indicator:checked {
+	background: #8cf944;
+}
+
+QListWidget::indicator:hover {
+	border: 1px solid #8cf944;
+}
+
+QListWidget::indicator:disabled {
+	background: transparent;
+	border: 1px solid #1b1e23;
+}
+
+/* Pad Settings: Controller Image */
+QLabel#l_controller { 
+	color: #8cf944;
+}
+
+/* Slider on Toolbar */
+QWidget#sizeSliderContainer {
+	background: transparent;
+}
+
+QSlider#sizeSlider::groove:horizontal {
+	border: 0em solid transparent;
+	height: .3em;
+	background: #FFFFFF;
+}
+
+QSlider#sizeSlider::handle:horizontal {
+	width: 1em;
+	margin: -.8em 0;
+}
+
+/* Debug UI Settings buttons */
+QLabel#color_button {
+	background: transparent;
+}
+
+/* Seachbar on main toolbar */
+QLineEdit#mw_searchbar { 
+	color: #ecf0f1;
+	background-color: #2d3038;
+	border: 1px solid #f8f8f8;
+	margin: 15px;
+	padding-left: 5px;
+}
+
+QLineEdit#mw_searchbar:hover { 
+	color: #ecf0f1;
+	background-color: #2d3038;
+	border: 1px solid #8cf944;
+	margin: 15px;
+}
+
+QLineEdit#mw_searchbar:focus { 
+	border: 1px solid #8cf944;
+}
+
+/* Toolbar */
+QToolBar {
+	border: none;
+}
+
+/* Toolbar Buttons */
+QToolButton {
+	background: transparent;
+	border-radius: 0em;
+	padding: 0.09375em;
+	margin-left: 0.125em;
+	margin-top: 0.125em;
+	margin-bottom: 0.125em;
+	min-width: 0.063em;
+	width: auto;
+	border-bottom: 1px solid transparent;
+}
+
+QToolButton::disabled {
+	background-color: #30333a;
+	color: #f8f8f8;
+}
+
+QToolButton::hover {
+	background-color: #2d3038;
+	color: #8cf944;
+	border-bottom: 1px solid #8cf944;
+}
+
+/* Game Table */
+QTableView {
+	selection-background-color: #2d3038;
+	selection-color: #8cf944;
+	border: none;
+}
+
+QTableView::item:hover {
+    color: #8cf944;
+}      
+
+/* Game Icon Background */
+QLabel#gamelist_icon_background_color {
+	color: transparent;
+}
+
+/* Set Windows Taskbar Thumbnail colors */
+QLabel#thumbnail_icon_color {
+	color: #23262d;
+}
+
+/* Log colors */
+QTextEdit#log_frame {
+	background-color: #23262d;
+}
+
+QLabel#log_level_always {
+	color: #f8f8f8;
+}
+
+QLabel#log_level_fatal {
+	color: #ff00ff;
+}
+
+QLabel#log_level_error {
+	color: #ff007a;
+}
+
+QLabel#log_level_todo {
+	color: #f2d571;
+}
+
+QLabel#log_level_success {
+	color: #8cf944;
+}
+
+QLabel#log_level_warning {
+	color: #ff6000;
+}
+
+QLabel#log_level_notice {
+	color: #ffffff;
+}
+
+QLabel#log_level_trace {
+	color: #2d3038;
+}
+
+QLabel#log_stack {
+	color: #3498d8;
+}
+
+/* Set TTY colors */
+QTextEdit#tty_frame {
+	background-color: #23262d;
+}
+
+QLabel#tty_text {
+	color: #FFFFFF;
+}
+
+/* RSX Debugger */
+QLabel#rsx_debugger_display_buffer {
+	background-color: #131313;
+}
+
+/* Kernel Explorer */
+QDialog#kernel_explorer {
+	background-color: #131313;
+}
+
+/* Memory Viewer */
+QDialog#memory_viewer {
+	background-color: #131313;
+	color: #FFF;
+}
+
+QLabel#memory_viewer_address_panel {
+	color: #8cf944;
+	background-color: #131313;
+}
+
+QLabel#memory_viewer_hex_panel {
+	color: #FFF;
+	background-color: #131313;
+}
+
+QLabel#memory_viewer_ascii_panel {
+	color: #FFF;
+	background-color: #131313;
+}
+
diff --git a/bin/GuiConfigs/Skyline (Nightfall).qss b/bin/GuiConfigs/Skyline (Nightfall).qss
new file mode 100644
index 0000000000..24229ea8cd
--- /dev/null
+++ b/bin/GuiConfigs/Skyline (Nightfall).qss	
@@ -0,0 +1,608 @@
+/*
+Skyline (Nightfall) theme for RPCS3 by drysalter (https://github.com/drysalter)
+04/04/2019
+*/
+
+/* Color Palette:
+
+Banner Purple: #370048
+Banner Blue: #161249
+Banner Dusk Blue: #00364a
+Background Gray: #111525
+Gray: #455971
+Highlight-blue: #0074e7
+Light blue: #359aff
+Button-blue: #0071ec
+Fatal-error red: #b23345
+Warning-orange: #e49000
+Todo-orange: #fbb81b
+Disable-gray: #999999 & #26293b
+
+*/
+
+/* Widget Colors */
+QWidget {
+	background-color: #111525;
+	color: #FFFFFF;
+	alternate-background-color: #1c273d;
+}
+
+/* Top Menu Bar */
+QMenuBar {
+	background: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #370048, stop: 0.5 #161249, stop: 1 #00364a);
+	color: #FFFFFF;
+	border-bottom: none;
+}
+
+QMenuBar::item:selected {
+	border-bottom: 2px solid #FFFFFF;
+}
+
+QMenuBar::item:!selected {
+	border-bottom: 2px solid transparent;
+	padding-top: 3px;
+	padding-bottom: 3px;
+	padding-left: 6px;
+	padding-right: 6px;
+}
+
+QMenuBar::item:pressed {
+	color: #FFFFFF;
+	background: #111525;
+	border-bottom: 2px solid #111525;
+}
+
+QMenu::item {
+	padding-left: 1.5em;
+	padding-right: 0.75em;
+	padding-top: 0.25em;
+	padding-bottom: 0.25em;
+	margin-bottom: 0.125em;
+	border-left: 2px solid #111525;
+}
+
+QMenu::item:selected {
+	background: #1c273d;
+	color: #0074e7;
+	border-left: 2px solid #0074e7;
+}
+
+QMenu::item:disabled {
+	background-color: #111525;
+	color: #999999;
+}
+
+/* Toolbar */
+QToolBar {
+	background: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #370048, stop: 0.5 #161249, stop: 1 #00364a);
+	border: none;
+}
+
+/* Toolbar Buttons */
+QLabel#toolbar_icon_color {
+	color: #FFFFFF;
+}
+
+QToolButton {
+	color: #FFFFFF;
+	background: transparent;
+	border-radius: 0em;
+	padding: 0.09375em;
+	margin-left: 0.125em;
+	margin-top: 0.125em;
+	margin-bottom: 0.125em;
+	min-width: 0.063em;
+	width: auto;
+	border-bottom: 2px solid transparent;
+}
+
+QToolButton::disabled {
+	color: #999999;
+}
+
+QToolButton::hover {
+	border-bottom: 2px solid #FFFFFF;
+}
+
+/* Searchbar in Main Toolbar */
+QLineEdit#mw_searchbar { 
+	color: #455971;
+	background-color: #FFFFFF;
+	border: 1px solid #999999;
+	margin: 15px;
+	padding-left: 5px;
+}
+
+QLineEdit#mw_searchbar:hover { 
+	margin-left: 0.7em; 
+	color: #0074e7;
+	background-color: #FFFFFF;
+	border: 1px solid #0071ec;
+	margin: 15px;
+}
+
+QLineEdit#mw_searchbar:focus { 
+	border: 1px solid #0074e7;
+}
+
+
+/* Sliders */
+QSlider {
+	padding-top: 1px;
+}
+
+QSlider::groove:horizontal {
+	border: -5px solid #8cf944;
+	border-radius: 0.45em;
+	height: 8px;
+	background: #0074e7;
+	margin: 1px;
+}
+
+QSlider::handle:horizontal {
+	background: #111525;
+	border: 1px solid #5c5c5c;
+	border-radius: 0.1em;
+	width: 18px;
+	margin: -2px 4; 
+}
+
+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 */
+
+QToolBar#mw_toolbar QSlider {
+	background-color: transparent;
+}
+
+QWidget#sizeSliderContainer {
+	background: transparent;
+}
+
+QSlider#sizeSlider::groove:horizontal {
+	border: 0em transparent;
+	height: .3em;
+	background: #FFFFFF;
+}
+
+QSlider#sizeSlider::handle:horizontal {
+	width: 1em;
+	margin: -.8em 0;
+	border: 1px solid #161249;
+	border-radius: 0.1em;
+}
+
+QSlider#sizeSlider::handle:hover {
+	border: 1px solid #0074e7;
+}
+
+/* Scrollbars */
+QScrollBar {
+	width: 5px;
+}
+
+QTableView QScrollBar {
+	width: 3px;
+	height: 3px;
+}
+
+QScrollBar::handle {
+	background: #455971;
+	min-height: 30px;
+}
+
+QScrollBar::handle:hover, QScrollBar::handle:pressed {
+	background: #0074e7;
+}
+
+QScrollBar::handle:disabled {
+	background: #26293b;
+}
+
+QTableView QScrollBar::handle {
+	background: #1c273d;
+}
+
+QScrollBar::up-arrow, QScrollBar::down-arrow, QScrollBar::up-button:vertical, QScrollBar::down-button, QScrollBar::sub-line, QScrollBar::add-line, QScrollBar::add-page, QScrollBar::sub-page {
+	color: transparent;
+	background: transparent;
+	border: none;
+}
+
+/* Radio Buttons */
+QRadioButton::indicator {
+	border: 0.0625em solid #455971;
+	width: 0.8em;
+	height: 0.8em;
+	margin-top: 0.0625em;
+	border-radius: 0.45em;
+}
+
+QRadioButton::indicator:checked {
+	background: qradialgradient(cx:0, cy:0, radius: 1, fx:1, fy:1, stop:0.25 #0074e7, stop:0.3 #FFFFFF);
+}
+
+QRadioButton::indicator:unchecked:hover {
+	border: 0.0625em solid #0074e7;
+}
+
+QRadioButton::indicator:unchecked {
+	background-color: #FFFFFF;
+}
+
+QRadioButton::indicator::disabled {
+	background-color: #455971; 
+}
+
+/* Checkboxes */
+QCheckBox::indicator {
+	border: 1px solid #455971;
+	width: 0.75em;
+	height: 0.75em;
+	margin-top: 1px;
+}
+
+QCheckBox::indicator:checked {
+	background-color: #0074e7;
+}
+
+QCheckBox::indicator:unchecked:hover {
+	border: 1px solid #0074e7;
+}
+
+QCheckBox::indicator:unchecked {
+	background-color: #FFFFFF;
+}
+
+QCheckBox::indicator::disabled {
+	background-color: #455971;
+}
+
+/* Group Boxes (Settings Dialog) */
+QGroupBox {
+	margin-top: 1em;
+	font-size: 8pt;
+	border: 0.05em solid #FFFFFF;
+	border-radius: 0.3em;
+}
+
+QGroupBox::title {
+	subcontrol-origin: margin;
+	subcontrol-position: top;
+	padding: 0.3em 0.5em 0.3em 0.5em;
+	color: #FFFFFF;
+}
+
+
+/* Settings Dialog: Tabs */
+QTabBar::tab {
+	color: #455971;
+	padding-left: 1.25em;
+	padding-right: 1.25em;
+	padding-top: 0.5em;
+	padding-bottom: 0.75em;
+	border: none;
+	min-width: 65px;
+	border-bottom: 1px solid transparent;
+}
+
+QTabBar::tab:!selected {
+	color: #FFFFFF;
+	border-bottom: 1px solid transparent;
+}
+
+QTabBar::tab:selected {
+	color: #0074e7;
+	border-bottom: 1px solid #0074e7;
+}
+
+QTabBar::tab:hover {
+	color: #0074e7;
+}
+
+QTabBar#tab_bar_settings {
+	border-bottom: 1px solid #0074e7;
+	width: 5.20em;
+}
+
+QTabBar#tab_bar_settings::tab:!selected {
+	color: #FFFFFF;
+	border-bottom: 1px solid transparent;
+}
+
+QTabBar#tab_bar_settings::tab:selected {
+	color: #0074e7;
+	border-bottom: 1px solid transparent;
+}
+
+QTabBar#tab_bar_settings::tab:hover {
+	color: #177fe7;
+	border-bottom: 1px solid transparent;
+}
+
+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 {
+	color: #0074e7;
+	border: none;
+}
+
+/* Combo Boxes */
+QComboBox {
+	background-color: #1c273d;
+	color: #FFFFFF;
+	border: 0.0625em solid #455971;
+	border-radius: 0.10em;
+	padding-bottom: 0.125em;
+	padding-left: 0.25em;
+	min-height: 14px;
+}
+
+QComboBox::hover {
+	color: #FFFFFF;
+	background-color: #1c273d;
+	border: 0.0625em solid #0074e7;
+	border-radius: 0.10em;
+	padding-bottom: 0.125em;
+	padding-left: 0.25em;
+}
+
+QComboBox::item:selected {
+	color: #FFFFFF;
+	background-color: #1c273d;
+	border: 0.0625em solid #0074e7;
+	border-radius: 0.10em;
+	border: none;
+	padding: 5px;
+}
+
+QComboBox::item:!selected {
+	color: #FFFFFF;
+	background-color: #111525;
+	border: 0.0625em solid #0074e7;
+	border-radius: 0.10em;
+	border: none;
+	padding: 5px;
+	height: 15px;
+}
+
+QComboBox::indicator{
+	background-color:transparent;
+	selection-background-color:transparent;
+	color:transparent;
+	selection-color: transparent;
+}
+
+QComboBox::selected {
+	background-color: #1c273d;
+	color: #FFFFFF;
+	border: 0.0625em solid #0074e7;
+	border-radius: 0.10em;
+	padding-bottom: 0.125em;
+}
+
+QComboBox::disabled {
+	background-color: #26293b;
+	color: #455971;
+}
+
+/* Buttons */
+QPushButton {
+	border: 1px solid #455971;
+	padding: 2px;
+	color: #FFFFFF;
+	border-radius: 2px;
+	background-color: #1c273d;
+	min-width: 82px;
+}
+
+QPushButton:hover {
+	background-color: #1c273d;
+	border: 1px solid #0074e7;
+	padding: 2px;
+	color: #FFFFFF;
+}
+
+QPushButton::pressed {
+	background-color: #111525;
+}
+
+QPushButton::disabled {
+	border: 1px solid #999999;
+	color: #999999;
+}
+
+/* Spinboxes */
+QSpinBox, QDoubleSpinBox {
+	border: 1px solid #455971;
+	padding: 2px;
+	color: #FFFFFF;
+	border-radius: 2px;
+	background-color: #1c273d;
+}
+
+QSpinBox:hover, QDoubleSpinBox:hover {
+	background-color: #1c273d;
+	border: 1px solid #0074e7;
+	padding: 2px;
+	color: #FFFFFF;
+}
+
+QSpinBox::up-button, QSpinBox::down-button, QDoubleSpinBox::up-button, QDoubleSpinBox::down-button {
+	background: transparent;
+}
+
+QSpinBox:disabled, QDoubleSpinBox:disabled {
+	color: #455971;
+	background: #26293b;
+	border: 1px solid #455971;
+}
+
+/* Libraries List */
+QListWidget::item:selected {
+	background-color: #111525;
+	color: #0074e7;
+	border-radius: 0.125em;
+}
+
+QListWidget::item:hover {
+	background-color: #1c273d;
+	color: #FFFFFF;
+	border-radius: 0.25em;
+}
+
+QListWidget::item:disabled {
+	color: #999999;
+}
+
+/* Title Bar Docking Buttons */
+QDockWidget::close-button, QDockWidget::float-button {
+	background-color: transparent;
+	width: auto;
+}
+
+/* Game Table */
+QTableView {
+	selection-background-color: #0f1d36;
+	selection-color: #FFFFFF;
+	border: none;
+	color: #FFFFFF;
+}
+
+/* Progress Bar */
+QProgressBar {
+	border: 1px solid #455971;
+	border-radius: 3px;
+	text-align: center;
+}
+
+QProgressBar::chunk {
+	background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #370048, stop: 0.5 #161249, stop: 1 #00364a);
+}
+
+/* Pad Settings: Controller Image */
+QLabel#l_controller { 
+	color: #0074e7;
+}
+
+/* Game Icon Background */
+QLabel#gamelist_icon_background_color {
+	color: transparent;
+}
+
+/* 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;
+	border-left: none;
+	border-right: none;
+	border-top: none;
+}
+
+/* Tooltips */
+QToolTip {
+	background-color: #111525;
+	color: #FFFFFF;
+	padding: 0.1em;
+	border: none;
+}
+
+/* Log and Debugger Borders */
+QTextEdit {
+	border-top: 1px solid #0074e7;
+}
+
+QLineEdit {
+	border: 1px solid #455971;
+	border-top: none;
+	border-left: none;
+	border-right: none;
+}
+
+QLineEdit:focus {
+	border: 1px solid #0074e7;
+	border-top: none;
+	border-left: none;
+	border-right: none;
+}
+
+/* Log colors */
+QTextEdit#log_frame {
+	background-color: #111525;
+}
+
+QLabel#log_level_always {
+	color: #0074e7;
+}
+
+QLabel#log_level_fatal {
+	color: #b23345;
+}
+
+QLabel#log_level_error {
+	color: #e85545;
+}
+
+QLabel#log_level_todo {
+	color: #fbb81b;
+}
+
+QLabel#log_level_success {
+	color: #07c365;
+}
+
+QLabel#log_level_warning {
+	color: #e49000;
+}
+
+QLabel#log_level_notice {
+	color: #ffffff;
+}
+
+QLabel#log_level_trace {
+	color: #00364a;
+}
+
+QLabel#log_stack {
+	color: #0071ec;
+}
+
+/* Disable Borders */
+QTabWidget::pane {
+	border: none;
+}
+
+/* Debug UI Settings buttons */
+QLabel#color_button {
+	background: transparent;
+}
+
+/* Set Windows Taskbar Thumbnail colors */
+QLabel#thumbnail_icon_color {
+	color: #370048;
+}
+
diff --git a/bin/GuiConfigs/Skyline.qss b/bin/GuiConfigs/Skyline.qss
new file mode 100644
index 0000000000..3e67023bb8
--- /dev/null
+++ b/bin/GuiConfigs/Skyline.qss
@@ -0,0 +1,625 @@
+/*
+Skyline theme for RPCS3 by drysalter (https://github.com/drysalter)
+04/04/2019
+*/
+
+/* Color Palette:
+
+Purple: #8500ae
+Pink Highlight: #f8edfb
+Blue: #4343c1
+Light Blue: #009ed0
+Gray: #455971
+Toolbar-blue: #4c5ad6
+Border-blue: #359aff
+Button-blue: #0071ec
+Fatal-error red: #b23345
+Warning-orange: #e49000
+Todo-orange: #fbb81b
+Disable-gray: #999999 & #b3b3b3
+
+*/
+
+/* Widget Colors */
+QWidget {
+	background-color: #FFFFFF;
+	color: #455971;
+	alternate-background-color: #f8edfb;
+}
+
+/* Top Menu Bar */
+QMenuBar {
+	background: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #8500ae, stop: 0.5 #4343c1, stop: 1 #009ed0);
+	color: #FFFFFF;
+	border-bottom: none;
+}
+
+QMenuBar::item:selected {
+	border-bottom: 2px solid #FFFFFF;
+}
+
+QMenuBar::item:!selected {
+	border-bottom: 2px solid transparent;
+	padding-top: 3px;
+	padding-bottom: 3px;
+	padding-left: 6px;
+	padding-right: 6px;
+}
+
+QMenuBar::item:pressed {
+	color: #455971;
+	background: #FFFFFF;
+	border-bottom: 2px solid #FFFFFF;
+}
+
+QMenu::item {
+	padding-left: 1.5em;
+	padding-right: 1.5em;
+	padding-top: 0.25em;
+	padding-bottom: 0.25em;
+	margin-bottom: 0.125em;
+	border-left: 2px solid #FFFFFF;
+}
+
+QMenu::item:selected {
+	background: #f8edfb;
+	color: #455971;
+	border-left: 2px solid #8500ae;
+}
+
+QMenu::item:disabled {
+	background-color: #FFFFFF;
+	color: #999999;
+}
+
+/* Toolbar */
+QToolBar {
+	background: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #8500ae, stop: 0.5 #4343c1, stop: 1 #009ed0);
+	border: none;
+}
+
+/* Toolbar Buttons */
+QLabel#toolbar_icon_color {
+	color: #FFFFFF;
+}
+
+QToolButton {
+	color: #FFFFFF;
+	background: transparent;
+	border-radius: 0em;
+	padding: 0.09375em;
+	margin-left: 0.125em;
+	margin-top: 0.125em;
+	margin-bottom: 0.125em;
+	min-width: 0.063em;
+	width: auto;
+	border-bottom: 2px solid transparent;
+}
+
+QToolButton::disabled {
+	color: #999999;
+}
+
+QToolButton::hover {
+	border-bottom: 2px solid #FFFFFF;
+}
+
+/* Searchbar in Main Toolbar */
+QLineEdit#mw_searchbar {  
+	color: #455971;
+	background-color: #FFFFFF;
+	border: 1px solid #999999;
+	margin: 15px;
+	padding-left: 5px;
+}
+
+QLineEdit#mw_searchbar:hover { 
+	margin-left: 0.7em; 
+	color: #455971;
+	background-color: #FFFFFF;
+	border: 1px solid #0071ec;
+	margin: 15px;
+}
+
+QLineEdit#mw_searchbar:focus { 
+	border: 1px solid #0071ec;
+}
+
+
+/* Sliders */
+QSlider {
+	padding-top: 1px;
+}
+
+QSlider::groove:horizontal {
+	border: -5px solid #8cf944;
+	border-radius: 0.45em;
+	height: 8px;
+	background: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #8500ae, stop: 0.5 #4343c1, stop: 1 #009ed0);
+	margin: 1px;
+}
+
+QSlider::handle:horizontal {
+	background: #FFFFFF;
+	border: 1px solid #5c5c5c;
+	border-radius: 0.1em;
+	width: 18px;
+	margin: -2px 4; 
+}
+
+QSlider::handle:horizontal:hover {
+	background: #FFFFFF;
+	border: 1px solid #8500ae;
+	width: 18px;
+	margin: -2px 4; 
+}
+
+QSlider::handle:horizontal:pressed {
+	background: #f8edfb;
+	border: 1px solid #8500ae;
+	width: 18px;
+	margin: -2px 4; 
+}
+
+/* Slider on Toolbar */
+
+QToolBar#mw_toolbar QSlider {
+	background-color: transparent;
+}
+
+QWidget#sizeSliderContainer {
+	background: transparent;
+}
+
+QSlider#sizeSlider::groove:horizontal {
+	border: 0em transparent;
+	height: .3em;
+	background: #FFFFFF;
+}
+
+QSlider#sizeSlider::handle:horizontal {
+	width: 1em;
+	margin: -.8em 0;
+	border: 1px solid #4343c1;
+	border-radius: 0.1em;
+}
+
+QSlider#sizeSlider::handle:hover {
+	border: 1px solid #8500ae;
+}
+
+/* Scrollbars */
+QScrollBar {
+	width: 5px;
+}
+
+QScrollArea {
+    background: transparent;
+}
+
+QTableView QScrollBar {
+	width: 3px;
+	height: 3px;
+}
+
+QScrollBar::handle {
+	background: #999999;
+	min-height: 30px;
+}
+
+QTableView QScrollBar::handle {
+	background: #999999;
+}
+
+QScrollBar::handle:hover, QScrollBar::handle:pressed {
+	background: #8500ae;
+}
+
+QTableView QScrollBar::handle:hover, QTableView QScrollBar::handle:pressed {
+	background: #4343c1;
+}
+
+QScrollBar::handle:disabled {
+	background: #b3b3b3;
+}
+
+QScrollBar::up-arrow, QScrollBar::down-arrow, QScrollBar::up-button:vertical, QScrollBar::down-button, QScrollBar::sub-line, QScrollBar::add-line, QScrollBar::add-page, QScrollBar::sub-page {
+	color: transparent;
+	background: transparent;
+	border: none;
+}
+
+/* Radio Buttons */
+QRadioButton::indicator {
+	border: 0.0625em solid #455971;
+	width: 0.8em;
+	height: 0.8em;
+	margin-top: 0.0625em;
+	border-radius: 0.45em;
+}
+
+QRadioButton::indicator:checked {
+	background: qradialgradient(cx:0, cy:0, radius: 1, fx:1, fy:1, stop:0.25 #8500ae, stop:0.3 #FFFFFF);
+}
+
+QRadioButton::indicator:unchecked:hover {
+	border: 0.0625em solid #8500ae;
+}
+
+QRadioButton::indicator:unchecked {
+	background-color: #FFFFFF;
+}
+
+QRadioButton::indicator::disabled {
+	background-color: #455971; 
+}
+
+/* Checkboxes */
+QCheckBox::indicator {
+	border: 1px solid #455971;
+	width: 0.75em;
+	height: 0.75em;
+	margin-top: 1px;
+}
+
+QCheckBox::indicator:checked {
+	background-color: #8500ae;
+}
+
+QCheckBox::indicator:unchecked:hover {
+	border: 1px solid #8500ae;
+}
+
+QCheckBox::indicator:unchecked {
+	background-color: #FFFFFF;
+}
+
+QCheckBox::indicator::disabled {
+	background-color: #455971;
+}
+
+/* Group Boxes (Settings Dialog) */
+QGroupBox {
+	margin-top: 1em;
+	font-size: 8pt;
+	border: 0.05em solid #455971;
+	border-radius: 0.3em;
+}
+
+QGroupBox::title {
+	subcontrol-origin: margin;
+	subcontrol-position: top;
+	padding: 0.3em 0.5em 0.3em 0.5em;
+	color: #455971;
+}
+
+
+/* Settings Dialog: Tabs */
+QTabBar::tab {
+	color: #455971;
+	padding-left: 1.25em;
+	padding-right: 1.25em;
+	padding-top: 0.5em;
+	padding-bottom: 0.75em;
+	border: none;
+	min-width: 65px;
+	border-bottom: 1px solid #455971;
+}
+
+QTabBar::tab:!selected {
+	color: #455971;
+	border-bottom: 1px solid transparent;
+}
+
+QTabBar::tab:selected {
+	color: #8500ae;
+	background: qlineargradient(x1: 0, y1: 1, x2: 0, y2: 0, stop: 0.2 #FFF3FF, stop: 1 #FFFFFF);
+	border-bottom: 1px solid #8500ae;
+}
+
+QTabBar::tab:hover {
+	color: #8500ae;
+}
+
+QTabBar#tab_bar_settings {
+	border-bottom: 1px solid qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #8500ae, stop: 0.5 #4343c1, stop: 1 #009ed0);
+	width: 5.20em;
+}
+
+QTabBar#tab_bar_settings::tab:!selected {
+	color: #455971;
+	border-bottom: 1px solid transparent;
+}
+
+QTabBar#tab_bar_settings::tab:selected, QTabBar#tab_bar_settings::tab:hover {
+	color: #8500ae;
+	background: qlineargradient(x1: 0, y1: 1, x2: 0, y2: 0, stop: 0.2 #FFF3FF, stop: 1 #FFFFFF);
+	border-bottom: 1px solid #8500ae;
+}
+
+QTabBar#tab_bar_log::tab:!selected {
+	color: #956fa1;
+	border: none;
+}
+
+QTabBar#tab_bar_log::tab:selected {
+	color: #4343c1;
+	background: qlineargradient(x1: 0, y1: 1, x2: 0, y2: 0, stop: 0.2 #FFF3FF, stop: 1 #FFFFFF);
+	border: none;
+}
+
+QTabBar#tab_bar_log::tab:hover {
+	color: #8500ae;
+	background: qlineargradient(x1: 0, y1: 1, x2: 0, y2: 0, stop: 0.2 #FFF3FF, stop: 1 #FFFFFF);
+	border: none;
+}
+
+/* Combo Boxes */
+QComboBox {
+	background-color: #FFFFFF;
+	color: #455971;
+	border: 0.0625em solid #455971;
+	border-radius: 0.10em;
+	padding-bottom: 0.125em;
+	padding-left: 0.25em;
+	min-height: 14px;
+}
+
+QComboBox::hover {
+	color: #455971;
+	background-color: #FFFFFF;
+	border: 0.0625em solid qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #8500ae, stop: 0.5 #4343c1, stop: 1 #009ed0);
+	border-radius: 0.10em;
+	padding-bottom: 0.125em;
+	padding-left: 0.25em;
+}
+
+QComboBox::item:selected {
+	color: #000000;
+	background-color: #f8edfb;
+	border: 0.0625em solid #455971;
+	border-radius: 0.10em;
+	border: none;
+	padding: 5px;
+}
+
+QComboBox::item:!selected {
+	color: #000000;
+	background-color: #FFFFFF;
+	border: 0.0625em solid #455971;
+	border-radius: 0.10em;
+	border: none;
+	padding: 5px;
+	height: 15px;
+}
+
+QComboBox::indicator {
+	background-color:transparent;
+	selection-background-color:transparent;
+	color:transparent;
+	selection-color: transparent;
+}
+
+QComboBox::selected {
+	background-color: #FFFFFF;
+	color: #455971;
+	border: 0.0625em solid qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #8500ae, stop: 0.5 #4343c1, stop: 1 #009ed0);
+	border-radius: 0.10em;
+	padding-bottom: 0.125em;
+}
+
+QComboBox::disabled {
+	background-color: #b3b3b3;
+	color: #455971;
+}
+
+
+/* Buttons */
+QPushButton {
+	border: 1px solid #455971;
+	padding: 2px;
+	color: #455971;
+	border-radius: 2px;
+	background-color: #FFFFFF;
+	text-align: center;
+	min-width: 82px;
+}
+
+QPushButton:hover {
+	background-color: qlineargradient(x1: 0, y1: 1, x2: 0, y2: 0, stop: 0.2 #FFF3FF, stop: 1 #FFFFFF);
+	border: 1px solid qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #8500ae, stop: 0.5 #4343c1, stop: 1 #009ed0);
+	padding: 2px;
+	color: #455971;
+}
+
+QPushButton::pressed {
+	background-color: #f8edfb;
+}
+
+QPushButton::disabled {
+	border: 1px solid #b3b3b3;
+	color: #b3b3b3;
+}
+
+/* Spinboxes */
+QSpinBox, QDoubleSpinBox {
+	border: 1px solid #455971;
+	padding: 2px;
+	color: #455971;
+	border-radius: 2px;
+	background-color: #FFFFFF;
+}
+
+QSpinBox:hover, QDoubleSpinBox:hover {
+	background-color: #FFFFFF;
+	border: 1px solid qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #8500ae, stop: 0.5 #4343c1, stop: 1 #009ed0);
+	padding: 2px;
+	color: #455971;
+}
+
+QSpinBox::up-button, QSpinBox::down-button, QDoubleSpinBox::up-button, QDoubleSpinBox::down-button {
+	background: transparent;
+}
+
+QSpinBox:disabled, QDoubleSpinBox:disabled {
+	background-color: #b3b3b3;
+	color: #455971;
+	border: 1px solid #455971;
+}
+
+/* Libraries List */
+QListWidget::item:selected {
+	background-color: #FFFFFF;
+	color: #4343c1;
+	border-radius: 0.125em;
+}
+
+QListWidget::item:hover {
+	background-color: #FFFFFF;
+	color: #8500ae;
+	border-radius: 0.25em;
+}
+
+QListWidget::item:disabled {
+	color: #999999;
+}
+
+/* Title Bar Docking Buttons */
+QDockWidget::close-button, QDockWidget::float-button {
+	background-color: transparent;
+	width: auto;
+}
+
+QDockWidget::title {
+	background: #FFFFFF;
+}
+
+/* Game Table */
+QTableView {
+	selection-background-color: #4343c1;
+	selection-color: #FFFFFF;
+	border: none;
+}
+
+QTableView::item:hover {
+	color: #4343c1;
+}      
+
+/* Progress Bar */
+QProgressBar {
+	border: 1px solid #455971;
+	border-radius: 3px;
+	color: #000000;
+	text-align: center;
+}
+
+QProgressBar::chunk {
+	background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #8500ae, stop: 0.5 #4343c1, stop: 1 #009ed0);
+}
+
+/* Pad Settings: Controller Image */
+QLabel#l_controller { 
+	color: #4343c1;
+}
+
+/* Game Icon Background */
+QLabel#gamelist_icon_background_color {
+	color: transparent;
+}
+
+/* Table Headers */
+QHeaderView::section {
+	background-color: #FFFFFF;
+	color: #455971;
+	padding-left: 0.25em;
+	padding-top: 0.25em;
+	padding-bottom: 0.25em;
+	border: 1px solid #8500ae;
+	border-left: none;
+	border-right: none;
+	border-top: none;
+}
+
+/* Tooltips */
+QToolTip {
+	background-color: #FFFFFF;
+	color: #8500ae;
+	padding: 0.1em;
+	border: none;
+}
+
+/* Log and Debugger Borders */
+QTextEdit {
+	border-top: 1px solid qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #8500ae, stop: 0.5 #4343c1, stop: 1 #009ed0);
+}
+
+QLineEdit {
+	border: 1px solid #455971;
+	border-top: none;
+	border-left: none;
+	border-right: none;
+}
+
+QLineEdit:focus {
+	border: 1px solid qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0.25 #8500ae, stop: 0.5 #4343c1, stop: 1 #009ed0);
+	border-top: none;
+	border-left: none;
+	border-right: none;
+}
+
+/* Log colors */
+QTextEdit#log_frame {
+	background-color: #FFFFFF;
+}
+
+QLabel#log_level_always {
+	color: #8500ae;
+}
+
+QLabel#log_level_fatal {
+	color: #b23345;
+}
+
+QLabel#log_level_error {
+	color: #e85545;
+}
+
+QLabel#log_level_todo {
+	color: #fbb81b;
+}
+
+QLabel#log_level_success {
+	color: #07c365;
+}
+
+QLabel#log_level_warning {
+	color: #e49000;
+}
+
+QLabel#log_level_notice {
+	color: #ffffff;
+}
+
+QLabel#log_level_trace {
+	color: #009ed0;
+}
+
+QLabel#log_stack {
+	color: #0071ec;
+}
+
+/* Disable Borders */
+QTabWidget::pane {
+	border: none;
+}
+
+/* Debug UI Settings buttons */
+QLabel#color_button {
+	background: transparent;
+}
+
+/* Set Windows Taskbar Thumbnail colors */
+QLabel#thumbnail_icon_color {
+	color: #8500ae;
+}
+