From efbf295612a3803a4f585676ef41a781965a7448 Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Sat, 18 Apr 2026 05:58:43 +0200
Subject: [PATCH] fix(ui): add box shadow to volume slider for visibility

---
 static/style.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/static/style.css b/static/style.css
index 72cfe5f..6e5cb31 100644
--- a/static/style.css
+++ b/static/style.css
@@ -44,6 +44,7 @@
   width: 4px;
   border-radius: 9999px;
   background: rgba(255, 255, 255, 0.55);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
 }
 
 .volume-range::-webkit-slider-thumb {
@@ -55,12 +56,14 @@
   background: #ffffff;
   border: 0;
   margin-left: -5px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.55);
 }
 
 .volume-range::-moz-range-track {
   width: 4px;
   border-radius: 9999px;
   background: rgba(255, 255, 255, 0.55);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
 }
 
 .volume-range::-moz-range-thumb {
@@ -69,6 +72,7 @@
   border-radius: 9999px;
   background: #ffffff;
   border: 0;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.55);
 }
 
 .volume-wrap::before {