From 02a7b13043b09d5d2bc9114bff237addd8fba928 Mon Sep 17 00:00:00 2001
From: Hari Rana <theevilskeleton@riseup.net>
Date: Sun, 20 Apr 2025 08:40:24 -0400
Subject: [PATCH] gui/event-widget: Add focus ring

---
 src/theme/events.css     | 11 +++++++++--
 src/theme/style-dark.css |  1 -
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/theme/events.css b/src/theme/events.css
index bf50f7db..62949bb9 100644
--- a/src/theme/events.css
+++ b/src/theme/events.css
@@ -3,11 +3,20 @@
 }
 
 event {
+  outline: 0 solid transparent;
+  outline-offset: 6px;
+  transition: var(--focus-ring-transition);
   margin: 1px;
   font-size: 0.9rem;
   background-color: var(--event-bg-color);
 }
 
+event:focus:focus-visible {
+  outline-color: rgb(from var(--accent-color) r g b / var(--dim-opacity));
+  outline-width: 2px;
+  outline-offset: 1px;
+}
+
 event.timed {
   background-color: color-mix(in srgb, var(--event-bg-color) 17%, transparent);
 }
@@ -47,13 +56,11 @@ event.slanted-start:dir(rtl) {
 event:not(.timed).color-dark {
   /* Keep in symc with the dark style's event.timed colors */
   color: var(--light-1);
-  outline-color: rgba(0, 0, 0, 0.3);
 }
 
 event.timed,
 event:not(.timed).color-light {
   color: rgb(from var(--dark-5) r g b / 80%);
-  outline-color: rgba(255, 255, 255, 0.5);
 }
 event.slanted,
 event.slanted-start,
diff --git a/src/theme/style-dark.css b/src/theme/style-dark.css
index 5e1e1962..97aa1ebc 100644
--- a/src/theme/style-dark.css
+++ b/src/theme/style-dark.css
@@ -4,7 +4,6 @@
 
 event.timed {
   color: var(--light-1);
-  outline-color: rgba(0, 0, 0, 0.3);
 }
 
 /*