From 387550086a00b5a1b8221c1528e6f616430e7b3c Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Fri, 22 Nov 2024 18:17:57 +0100
Subject: frontend: Improve highlighting of current focus

Elements now have a consistent style applied to them when in focus.
Additionally, select elements will now have an outline when focused,
making it easier to notice the currently selected element.
---
 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 2384799..d209517 100644
--- a/frontend/src/lib/components/Card.svelte
+++ b/frontend/src/lib/components/Card.svelte
@@ -34,7 +34,7 @@
 
 <a
 	{href}
-	class="grid-card-v sm:grid-card-h relative grid overflow-hidden rounded bg-slate-900 shadow-md shadow-slate-950/30"
+	class="grid-card-v sm:grid-card-h focus-thick focus-blue relative grid overflow-hidden rounded bg-slate-900 shadow-md shadow-slate-950/30"
 	class:compact
 	class:grid-card-cover-only={coverOnly}
 	on:click
diff --git a/frontend/src/lib/components/Titlebar.svelte b/frontend/src/lib/components/Titlebar.svelte
index 8aab2dd..2cdfa70 100644
--- a/frontend/src/lib/components/Titlebar.svelte
+++ b/frontend/src/lib/components/Titlebar.svelte
@@ -14,7 +14,7 @@
 		{#if favourite !== undefined}
 			<button
 				type="button"
-				class="mr-1 flex items-center"
+				class="focus-background mr-1 flex items-center"
 				title="Toggle favourite"
 				on:click={() => dispatch('favourite')}
 			>
-- 
cgit v1.2.3-2-gb3c3