From 0e9d0f9d09abd482848ce60989d05eb17e380f3e Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Sun, 8 Mar 2026 23:05:38 +0100
Subject: [PATCH] Remove appearance properties from button styles and add
 background color and text color to button for improved visibility

---
 .../Web/mediaBarEnhanced.css                          | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css
index 7079220..adaac41 100644
--- a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css
+++ b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css
@@ -201,9 +201,6 @@
   user-select: none;
   margin: 0;
   padding: 0;
-  -webkit-appearance: none;
-  appearance: none;
-  border: none;
 }
 
 .arrow i {
@@ -241,9 +238,6 @@
   opacity: 0.3;
   transition: opacity 0.3s ease;
   text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
-  -webkit-appearance: none;
-  appearance: none;
-  border: none;
 }
 
 .pause-button i {
@@ -280,9 +274,6 @@
   opacity: 0.3;
   transition: opacity 0.3s ease;
   text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
-  -webkit-appearance: none;
-  appearance: none;
-  border: none;
 }
 
 .mute-button i {
@@ -510,6 +501,8 @@
   font-family: "Archivo Narrow", sans-serif;
   font-size: 18px;
   white-space: nowrap;
+  background-color: rgba(255, 255, 255, 0.9);
+  color: #000;
   cursor: pointer;
   transition: all 0.3s ease;
   font-weight: 700;