From b70cb58bc8923ccde0f31495284e91d28c0aff21 Mon Sep 17 00:00:00 2001
From: Priyanshu <priyanshu2507.rjs@gmail.com>
Date: Tue, 21 Jul 2026 21:28:51 +0530
Subject: [PATCH] fix(web): improve slideshow controls visibility on bright
 backgrounds (#29950)

Co-authored-by: priyanshuANDcoad <priyanshu23154050@akgec.ac.in>
---
 web/src/lib/components/asset-viewer/SlideshowBar.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/lib/components/asset-viewer/SlideshowBar.svelte b/web/src/lib/components/asset-viewer/SlideshowBar.svelte
index e8e6b8061e..0ec5fe7dc0 100644
--- a/web/src/lib/components/asset-viewer/SlideshowBar.svelte
+++ b/web/src/lib/components/asset-viewer/SlideshowBar.svelte
@@ -176,7 +176,7 @@
 
 {#if showControls}
   <div
-    class="dark m-4 flex gap-2"
+    class="dark m-4 flex gap-2 rounded-3xl bg-black/40 px-2 backdrop-blur-sm"
     onmouseenter={() => (isOverControls = true)}
     onmouseleave={() => (isOverControls = false)}
     transition:fly={{ duration: 150 }}