From c9f57e8468433b4f90d98ef4e8471cd83322a0f3 Mon Sep 17 00:00:00 2001
From: Jam <1347620+JamsRepos@users.noreply.github.com>
Date: Sat, 29 Jun 2024 14:09:27 +0100
Subject: [PATCH] style: :art: Added ability to customise indicator colour

---
 theme/modules/count-indicators.css | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/theme/modules/count-indicators.css b/theme/modules/count-indicators.css
index 514142e..910338a 100644
--- a/theme/modules/count-indicators.css
+++ b/theme/modules/count-indicators.css
@@ -4,21 +4,23 @@
     This can be used as a standalone module.
 */
 
+:root {
+    --show-count-indicators: flex; /* none to hide */
+    --count-indicator-colour: rgba(200, 200, 200, 0.75);
+    --played-indicator-colour: rgba(32, 139, 36, 0.75);
+}
+
+.countIndicator {
+    display: var(--show-count-indicators);
+}
+
 .countIndicator,
 .fullSyncIndicator,
 .mediaSourceIndicator,
 .playedIndicator {
-    background: -webkit-linear-gradient(top right, #aa5cc3, #00a4dc);
-    background: -moz-linear-gradient(top right, #aa5cc3, #00a4dc);
-    background: -o-linear-gradient(top right, #aa5cc3, #00a4dc);
-    background: -ms-linear-gradient(top right, #aa5cc3, #00a4dc);
-    background: linear-gradient(to bottom right, #aa5cc3, #00a4dc);
+    background: var(--count-indicator-colour);
 }
 
 .playedIndicator {
-    background: -webkit-linear-gradient(top right, #4a964d, #208b23);
-    background: -moz-linear-gradient(top right, #4a964d, #208b23);
-    background: -o-linear-gradient(top right, #4a964d, #208b23);
-    background: -ms-linear-gradient(top right, #4a964d, #208b23);
-    background: linear-gradient(to bottom right, #4a964d, #208b23);
+    background: var(--played-indicator-colour);
 }
\ No newline at end of file