From 2481934e73482951587c3bdd21916cb3f3377456 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Tue, 3 Dec 2024 09:27:20 -0800
Subject: [PATCH] New: hover effects on some buttons

---
 .../ElegantFin-jellyfin-theme-build-latest.css | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/Theme/ElegantFin-jellyfin-theme-build-latest.css b/Theme/ElegantFin-jellyfin-theme-build-latest.css
index 1132bbf..06026bf 100644
--- a/Theme/ElegantFin-jellyfin-theme-build-latest.css
+++ b/Theme/ElegantFin-jellyfin-theme-build-latest.css
@@ -505,8 +505,8 @@ html {
 
 .emby-button.block,
 .button-alt,
+.raised,
 #btnDeleteImage,
-.fab,
 .dashboardActionsContainer>.emby-button {
     color: #fff;
     border-radius: .5em;
@@ -514,6 +514,22 @@ html {
     border: solid var(--borderColor) 1px;
 }
 
+.fab {
+    color: #fff;
+    background: var(--lighterGradientPoint);
+    border: solid var(--borderColor) 1px;
+}
+
+.raised:focus {
+    background: var(--lighterGradientPoint);
+    filter: brightness(1.25);
+}
+
+.raised:hover,
+.emby-button:hover {
+    filter: brightness(1.2) !important;
+}
+
 #btnDeleteImage {
     background: rgb(169, 29, 29);
     border: solid rgb(217, 84, 84) 1px;