Replace DarkPalette with custom dark QSS

res.qrc

@@ -94,5 +94,7 @@
         <file>res/logo/spotify-qt-symbolic-dark.svg</file>
         <file>res/logo/spotify-qt-symbolic-light.svg</file>
         <file>res/logo/spotify-qt.svg</file>
+        <!-- QSS -->
+        <file>res/style/dark.qss</file>
     </qresource>
 </RCC>

res/style/dark.qss

@@ -0,0 +1,37 @@
+QWidget {
+  selection-background-color: #282828;
+  color: #f5f5f5; }
+
+QScrollBar::handle {
+  background-color: #4d4d4d; }
+
+QScrollBar::add-line, QScrollBar::sub-line {
+  width: 0px;
+  height: 0px; }
+
+MainWindow {
+  background-color: #000000; }
+  MainWindow MainToolBar {
+    background-color: #282828;
+    border: 0; }
+    MainWindow MainToolBar QSlider {
+      selection-background-color: #1db954; }
+      MainWindow MainToolBar QSlider::handle {
+        background-color: #ffffff;
+        width: 12px;
+        height: 12px;
+        border-radius: 6px; }
+
+LeftSidePanel LibraryList, LeftSidePanel PlaylistList {
+  color: #b3b3b3;
+  background-color: #000000; }
+  LeftSidePanel LibraryList QScrollBar, LeftSidePanel PlaylistList QScrollBar {
+    background-color: #000000; }
+
+TracksList {
+  background-color: #121212; }
+  TracksList QHeaderView {
+    background-color: #181818;
+    color: #b3b3b3; }
+  TracksList QScrollBar {
+    background-color: #121212; }

res/style/dark.scss

@@ -0,0 +1,88 @@
+// Main background color
+$background-color: #121212;
+// Secondary background color for borders etc.
+$secondary-background-color: #282828;
+// Header background color for list titles etc.
+$header-background-color: #181818;
+
+// Background for handle in scrollbars
+$scrollbar-handle-color: #4d4d4d;
+
+// Sidebar background color
+$sidebar-background-color: #000000;
+// Sidebar font color
+$sidebar-foreground-color: #b3b3b3;
+
+// Main font color
+$foreground-color: #f5f5f5;
+// Color of selected items etc.
+$highlight-color: #282828;
+// Main Spotify green color
+$theme-color: #1db954;
+
+// Slider background (inactive)
+$slider-background-color: #535353;
+// Slider foreground (active)
+$slider-foreground-color: $sidebar-foreground-color;
+// Slider handle
+$slider-handle-color: #ffffff;
+
+QWidget {
+	selection-background-color: $highlight-color;
+	color: $foreground-color;
+}
+
+QScrollBar {
+	&::handle {
+		background-color: $scrollbar-handle-color;
+	}
+
+	&::add-line, &::sub-line {
+		width: 0px;
+		height: 0px;
+	}
+}
+
+MainWindow {
+	background-color: $sidebar-background-color;
+
+	MainToolBar {
+		background-color: $secondary-background-color;
+		border: 0;
+
+		QSlider {
+			selection-background-color: $theme-color;
+
+			&::handle {
+				background-color: $slider-handle-color;
+				width: 12px;
+				height: 12px;
+				border-radius: 6px;
+			}
+		}
+	}
+}
+
+LeftSidePanel {
+	LibraryList, PlaylistList {
+		color: $sidebar-foreground-color;
+		background-color: $sidebar-background-color;
+
+		QScrollBar {
+			background-color: $sidebar-background-color;
+		}
+	}
+}
+
+TracksList {
+	background-color: $background-color;
+
+	QHeaderView {
+		background-color: $header-background-color;
+		color: $sidebar-foreground-color;
+	}
+
+	QScrollBar {
+		background-color: $background-color;
+	}
+}

src/main.hpp

@@ -23,7 +23,6 @@
 #include "spotify/spotify.hpp"
 #include "spotify/user.hpp"
 #include "trayicon.hpp"
-#include "util/darkpalette.hpp"
 #include "util/dateutils.hpp"
 #include "util/icon.hpp"
 #include "util/utils.hpp"

src/mainwindow.cpp

@@ -22,6 +22,15 @@ MainWindow::MainWindow(Settings &settings)
 	QApplication::setStyle(settings.general.style);
 	Utils::applyPalette(settings.general.stylePalette);
 
+	// Custom dark theme
+	if (settings.general.stylePalette == PaletteDark)
+	{
+		QFile styleFile(":/res/style/dark.qss");
+		styleFile.open(QFile::ReadOnly | QFile::Text);
+		setStyleSheet(QString::fromUtf8(styleFile.readAll()));
+		styleFile.close();
+	}
+
 	// Check for dark background
 	auto bg = palette().color(backgroundRole());
 	if (((bg.red() + bg.green() + bg.blue()) / 3) < 128)

src/util/utils.cpp

@@ -31,8 +31,8 @@ void Utils::applyPalette(Palette palette)
 			break;
 
 		case PaletteDark:
-			p = DarkPalette();
-			break;
+			// Dark palette currently gets applied manually from qss
+			return;
 	}
 
 	QApplication::setPalette(p);

src/util/utils.hpp

@@ -3,7 +3,6 @@
 #include "../enum/linktype.hpp"
 #include "../enum/maskshape.hpp"
 #include "../enum/palette.hpp"
-#include "darkpalette.hpp"
 
 #include <QAction>
 #include <QApplication>