From e3a60d877527d7ee7e4c560e7aa1bd6dd94239d6 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Sun, 27 Apr 2025 20:30:39 +0600
Subject: [PATCH] web/ProcessingStatus: visually distinct focus ring

---
 web/src/components/queue/ProcessingStatus.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/src/components/queue/ProcessingStatus.svelte b/web/src/components/queue/ProcessingStatus.svelte
index 8e746e46..d53d9dc8 100644
--- a/web/src/components/queue/ProcessingStatus.svelte
+++ b/web/src/components/queue/ProcessingStatus.svelte
@@ -51,7 +51,8 @@
     }
 
     #processing-status:focus-visible {
-        box-shadow: 0 0 0 2px var(--white) !important;
+        outline: 2px solid var(--secondary);
+        outline-offset: 2px;
     }
 
     #processing-status:active {
@@ -59,7 +60,7 @@
     }
 
     #processing-status.completed {
-        box-shadow: var(--focus-ring);
+        box-shadow: 0 0 0 2px var(--blue) inset;
     }
 
     :global([data-theme="light"]) #processing-status.completed {