From b224a66e7467057651bc9874cf845c90682a56e9 Mon Sep 17 00:00:00 2001
From: Yiannis Christodoulou <yiannis@web357.com>
Date: Fri, 3 Oct 2025 13:18:17 +0300
Subject: [PATCH] Remove background color from video control elements

Eliminated the semi-transparent black background from multiple video control CSS selectors to improve visual consistency and reduce unnecessary styling.
---
 frontend-tools/video-js/src/VideoJS.css | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/frontend-tools/video-js/src/VideoJS.css b/frontend-tools/video-js/src/VideoJS.css
index 95ab3bbf..6446472b 100644
--- a/frontend-tools/video-js/src/VideoJS.css
+++ b/frontend-tools/video-js/src/VideoJS.css
@@ -114,7 +114,6 @@ html {
     align-items: center !important;
     justify-content: center !important;
     position: relative !important;
-    background: rgba(0, 0, 0, 0.1) !important;
     border-radius: 6px !important;
     padding: 2px !important;
     margin: 0 2px !important;
@@ -135,7 +134,6 @@ html {
     align-items: center !important;
     justify-content: center !important;
     position: relative !important;
-    background: rgba(0, 0, 0, 0.1) !important;
     border-radius: 6px !important;
     padding: 2px !important;
     margin: 0 2px !important;
@@ -156,7 +154,6 @@ html {
     align-items: center !important;
     justify-content: center !important;
     position: relative !important;
-    background: rgba(0, 0, 0, 0.1) !important;
     border-radius: 6px !important;
     padding: 2px !important;
     margin: 0 2px !important;
@@ -177,7 +174,6 @@ html {
     align-items: center !important;
     justify-content: center !important;
     position: relative !important;
-    background: rgba(0, 0, 0, 0.1) !important;
     border-radius: 6px !important;
     padding: 2px !important;
     margin: 0 2px !important;
@@ -198,7 +194,6 @@ html {
     align-items: center !important;
     justify-content: center !important;
     position: relative !important;
-    background: rgba(0, 0, 0, 0.1) !important;
     border-radius: 6px !important;
     padding: 2px !important;
     margin: 0 2px !important;
@@ -219,7 +214,6 @@ html {
     align-items: center !important;
     justify-content: center !important;
     position: relative !important;
-    background: rgba(0, 0, 0, 0.1) !important;
     border-radius: 6px !important;
     padding: 2px !important;
     margin: 0 2px !important;
@@ -240,7 +234,6 @@ html {
     align-items: center !important;
     justify-content: center !important;
     position: relative !important;
-    background: rgba(0, 0, 0, 0.1) !important;
     border-radius: 6px !important;
     padding: 2px !important;
     margin: 0 2px !important;
@@ -261,7 +254,6 @@ html {
     align-items: center !important;
     justify-content: center !important;
     position: relative !important;
-    background: rgba(0, 0, 0, 0.1) !important;
     border-radius: 6px !important;
     padding: 2px !important;
     margin: 0 2px !important;
@@ -294,7 +286,6 @@ html {
     align-items: center !important;
     justify-content: center !important;
     position: relative !important;
-    background: rgba(0, 0, 0, 0.1) !important;
     border-radius: 6px !important;
     padding: 2px !important;
     margin: 0 2px !important;