♿ focus styles for archive

2025-11-14 21:01:46 +10:00
parent 4cc7485d4f
commit 83df9d71ac
1 changed files with 8 additions and 0 deletions
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -577,6 +577,14 @@ main {
    display: block;
 }

+/* Enhanced focus indicator for archive items */
+.archive-item a:focus,
+.archive-item a:focus-visible {
+    outline: 3px solid var(--color-primary);
+    outline-offset: -3px; /* Inset the outline so it's inside the border */
+    background: var(--color-hover-bg);
+}
+
 .archive-item img {
    width: 100%;
    height: var(--archive-thumbnail-height);