From 6f1d5fbe037d0a699de6a18fff34b66e9cf07e98 Mon Sep 17 00:00:00 2001
From: Til Schmitter <til.schmitter@gmail.com>
Date: Mon, 20 Apr 2026 17:33:46 +0200
Subject: [PATCH] focus style only when focused by keyboard, revert fadeout of
 focus border

---
 copyparty/web/ui.css | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/copyparty/web/ui.css b/copyparty/web/ui.css
index 5aa44179..770b1a73 100644
--- a/copyparty/web/ui.css
+++ b/copyparty/web/ui.css
@@ -356,25 +356,19 @@ html.y #tth {
 	border: .25em solid #ccc;
 	border-radius: .4em;
 }
-#modali:focus {
+#modali:focus-visible {
 	border-color: #06d;
 }
 #repl_pre {
 	max-width: 24em;
 }
-*:focus,
-*:focus+label,
-#pctl *:focus,
-.btn:focus {
+*:focus-visible,
+*:focus-visible+label,
+#pctl *:focus-visible,
+.btn:focus-visible {
 	/* box-shadow: 0 .1em .2em #fc0 inset; */
-	animation: outline_fadeOut 1s;
 	border-radius: .2em;
 }
-@keyframes outline_fadeOut {
-	0% {outline: var(--a) solid .1em;}
-	30% {outline: color-mix(var(--a) 75%, transparent 25%) solid .1em;}
-	100% {outline: transparent solid .1em;}
-}
 input, button {
 	font-family: var(--font-main), sans-serif;
 }