From 1179ccd722cb8f06282c07f03a14cbe1a177f22a Mon Sep 17 00:00:00 2001
From: amogusussy <amogussussy@protonmail.com>
Date: Wed, 19 Jul 2023 22:05:00 +0100
Subject: [PATCH] Basic colors of bar changed to var()s

---
 src/components/VideoPlayer.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
index ad4017e7..2859dc85 100644
--- a/src/components/VideoPlayer.vue
+++ b/src/components/VideoPlayer.vue
@@ -479,12 +479,16 @@ export default {
                     overflowMenuButtons.push("open_new_tab");
                 }
 
+                document.documentElement.style.setProperty('--player-base', 'rgba(255, 255, 255, 0.3)');
+                document.documentElement.style.setProperty('--player-buffered', 'rgba(255, 255, 255, 0.54)');
+                document.documentElement.style.setProperty('--player-played', 'rgb(255, 0, 0)');
+
                 const config = {
                     overflowMenuButtons: overflowMenuButtons,
                     seekBarColors: {
-                        base: "rgba(255, 255, 255, 0.3)",
-                        buffered: "rgba(255, 255, 255, 0.54)",
-                        played: "rgb(255, 0, 0)",
+                        base: "var(--player-base)",
+                        buffered: "var(--player-buffered)",
+                        played: "var(--player-played)",
                     },
                 };