From 682bbc3ccfd7c5d3470d1dd09ff5d017c58ca7a5 Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Fri, 30 Jan 2026 16:18:58 -0800
Subject: [PATCH 1/2] Fix gallery hover CSS

---
 javascript/gallery.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/javascript/gallery.js b/javascript/gallery.js
index 5791990c3..05cd4cad9 100644
--- a/javascript/gallery.js
+++ b/javascript/gallery.js
@@ -119,9 +119,13 @@ function updateGalleryStyles() {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
+        transition-duration: 0.2s;
+        transition-property: color, opacity, background-color, border-color;
+        transition-timing-function: ease-out;
       }
       .gallery-folder:hover {
-        background-color: var(--button-primary-background-fill-hover);
+        background-color: var(--button-primary-background-fill-hover, var(--sd-button-hover-color));
+        color: var(--sd-input-hover-text-color);
       }
       .gallery-folder-selected {
         background-color: var(--sd-button-selected-color);

From c0b5858697f8418b85fb6451a0d3f657ba1be16b Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Fri, 30 Jan 2026 16:26:43 -0800
Subject: [PATCH 2/2] Revert one property that didn't need to be redeclared

---
 javascript/gallery.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/javascript/gallery.js b/javascript/gallery.js
index 05cd4cad9..c5a7e48a6 100644
--- a/javascript/gallery.js
+++ b/javascript/gallery.js
@@ -125,7 +125,6 @@ function updateGalleryStyles() {
       }
       .gallery-folder:hover {
         background-color: var(--button-primary-background-fill-hover, var(--sd-button-hover-color));
-        color: var(--sd-input-hover-text-color);
       }
       .gallery-folder-selected {
         background-color: var(--sd-button-selected-color);