Improve search input box styling

diff --git a/usr/share/gitweb/static/custom.css b/usr/share/gitweb/static/custom.css
index 87767b0932b431a6e936b4f129b83fc1dac41991..d63fcfe4cb2e2b2ae015efc6d35021b88eb4705b 100644 (file)
--- a/usr/share/gitweb/static/custom.css
+++ b/usr/share/gitweb/static/custom.css
@@ -28,6 +28,21 @@ body {
   margin-inline: auto;
 }
 
+input[name="s"] {
+  font-size: 16px;
+  padding: 4px;
+  border: 1px solid hsl(216deg 20% 50%);
+  border-radius: 4px;
+  outline: 2px solid transparent;
+  outline-offset: 1px;
+  transition: outline-color 400ms;
+}
+
+input[name="s"]:focus-within {
+  transition: outline-color 200ms;
+  outline-color: hsl(216deg 50% 40%);
+}
+
 table.project_list,
 table.shortlog,
 table.tags,