From 8aaf1bc73c732fa012ed776872cfaed831f1a3d5 Mon Sep 17 00:00:00 2001
From: Bryce Kwon <bryce@brycekwon.com>
Date: Sun, 25 Oct 2026 12:47:30 -1000
Subject: Fade colour changes and the line highlight in

The fades are skipped for anyone who asks for reduced motion.
---
 assets/cgit.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

(limited to 'assets/cgit.css')

diff --git a/assets/cgit.css b/assets/cgit.css
index 198b176..9c0cce8 100644
--- a/assets/cgit.css
+++ b/assets/cgit.css
@@ -1446,3 +1446,23 @@ div#cgit table.ssdiff td.space {
     filter: brightness(1.5);
   }
 }
+
+@media (prefers-reduced-motion: no-preference) {
+  div#cgit a,
+  div#cgit table.list tr,
+  div#cgit input,
+  div#cgit select,
+  div#cgit button {
+    transition: color 0.12s ease, background-color 0.12s ease, border-color 0.12s ease;
+  }
+
+  div#cgit div.line-hl {
+    animation: cgit-fade-in 0.16s ease-out;
+  }
+
+  @keyframes cgit-fade-in {
+    from {
+      opacity: 0;
+    }
+  }
+}
-- 
cgit 2.9.2