From 2648650c12471a24a29e4e9a4e2ac77940cd96ff Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Fri, 14 Feb 2025 16:33:13 +0100
Subject: frontend: Further improve highlight focus

---
 frontend/src/lib/components/Card.svelte     | 2 +-
 frontend/src/lib/components/Titlebar.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'frontend/src/lib/components')

diff --git a/frontend/src/lib/components/Card.svelte b/frontend/src/lib/components/Card.svelte
index 8066b42..b8e8ecf 100644
--- a/frontend/src/lib/components/Card.svelte
+++ b/frontend/src/lib/components/Card.svelte
@@ -49,7 +49,7 @@
 
 <a
 	{href}
-	class="grid-card-v sm:grid-card-h focus-thick focus-blue relative grid overflow-hidden rounded-sm bg-slate-900 shadow-md shadow-slate-950/30"
+	class="grid-card-v sm:grid-card-h relative grid overflow-hidden rounded-sm bg-slate-900 shadow-md shadow-slate-950/30 focus-visible:outline-4 focus-visible:outline-blue-600"
 	class:compact
 	class:grid-card-cover-only={coverOnly}
 	{onclick}
diff --git a/frontend/src/lib/components/Titlebar.svelte b/frontend/src/lib/components/Titlebar.svelte
index fe28cfe..bb36d8f 100644
--- a/frontend/src/lib/components/Titlebar.svelte
+++ b/frontend/src/lib/components/Titlebar.svelte
@@ -17,7 +17,7 @@
 		{#if favourite !== undefined}
 			<button
 				type="button"
-				class="focus-background mr-1 flex items-center"
+				class="mr-1 flex items-center focus-visible:bg-yellow-400/20 focus-visible:outline-hidden"
 				title="Toggle favourite"
 				onclick={onfavourite}
 			>
-- 
cgit v1.2.3-2-gb3c3