From 81855d4b49a85bb351915c35ae1d3657c7794c7f Mon Sep 17 00:00:00 2001
From: Aimarekin <aimarekin@gmail.com>
Date: Sat, 1 Jul 2023 19:22:12 +0200
Subject: [PATCH 1/2] chore: Use variables for progress bar

---
 theme/src/main/player/player.scss | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/theme/src/main/player/player.scss b/theme/src/main/player/player.scss
index 5fd7b0d..10cf217 100644
--- a/theme/src/main/player/player.scss
+++ b/theme/src/main/player/player.scss
@@ -23,20 +23,22 @@
 
 //////////////////////////////////////// Progress Bar ////////////////////////////////////////
 
-// progress bar (how much filled)
+.progress-bar {
+    --progress-bar-height: 6px;
+    --progress-bar-radius: 0;
+    // Color for fill
+    --fg-color: var(--spice-custom-selected-button);
+    --is-active-fg-color: var(--spice-custom-selected-button);
+    // Color for background
+    --bg-color: var(--spice-custom-main-secondary)
+}
+
+// Apply radius only to fill, and transition
 .x-progressBar-fillColor {
     border-radius: 50px;
-    height: 6px;
-    background-color: var(--spice-custom-selected-button) !important;
     transition: transform, 0s, ease, 0.25s;
 }
 
-// progress bar (how much remaining)
-.x-progressBar-sliderArea {
-    height: 6px;
-    background-color: var(--spice-custom-main-secondary) !important;
-}
-
 //////////////////////////////////////// Left Player ////////////////////////////////////////
 
 .main-trackInfo-name .TypeElement-mesto-textSubdued-type,

From c5dfba7ba9332c34c4d80598d34b9e2b64af31d0 Mon Sep 17 00:00:00 2001
From: Aimarekin <aimarekin@gmail.com>
Date: Sat, 1 Jul 2023 19:27:20 +0200
Subject: [PATCH 2/2] fix: Importantize, missing semicolon in progressbar

---
 theme/src/main/player/player.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/theme/src/main/player/player.scss b/theme/src/main/player/player.scss
index 10cf217..d976737 100644
--- a/theme/src/main/player/player.scss
+++ b/theme/src/main/player/player.scss
@@ -27,10 +27,10 @@
     --progress-bar-height: 6px;
     --progress-bar-radius: 0;
     // Color for fill
-    --fg-color: var(--spice-custom-selected-button);
-    --is-active-fg-color: var(--spice-custom-selected-button);
+    --fg-color: var(--spice-custom-selected-button) !important;
+    --is-active-fg-color: var(--spice-custom-selected-button) !important;
     // Color for background
-    --bg-color: var(--spice-custom-main-secondary)
+    --bg-color: var(--spice-custom-main-secondary) !important;
 }
 
 // Apply radius only to fill, and transition