From db6d058a499c46c811107c60b6f7944a3e64e309 Mon Sep 17 00:00:00 2001 From: Dorian Date: Tue, 3 Feb 2026 00:08:00 +0000 Subject: [PATCH] Fix light mode Play button gradient border visibility MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Change gradient from white/light-gray to darker gray tones - Old: rgba(255,255,255,0.8) → rgba(200,200,200,0.3) (too subtle) - New: rgba(100,100,100,0.4) → rgba(50,50,50,0.2) (visible) - Creates subtle dark outline that's visible on white button - Matches design system glassmorphism with proper gradient borders Co-authored-by: Cursor --- src/views/Browse.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/Browse.vue b/src/views/Browse.vue index 47562c2..30365e5 100644 --- a/src/views/Browse.vue +++ b/src/views/Browse.vue @@ -406,7 +406,7 @@ onUnmounted(() => { inset: 0; border-radius: inherit; padding: 2px; - background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(200, 200, 200, 0.3)); + background: linear-gradient(135deg, rgba(100, 100, 100, 0.4), rgba(50, 50, 50, 0.2)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);