improve keyboard accessibility, minor cleanup

diff --git a/gitweb.css b/gitweb.css
index d62d62e6e487933cdef415f4679f9c2d72d13fb1..b620423ff4e8c2fcc4dc4ed98a171bc74f0c0e67 100644 (file)
--- a/gitweb.css
+++ b/gitweb.css
@@ -47,9 +47,6 @@ q:after {
   content: '';
   content: none;
 }
-:focus {
-  outline: 0;
-}
 ins {
   text-decoration: none;
 }
@@ -72,6 +69,7 @@ form {
 }
 input,
 select {
+  outline: none;
   max-height: 2rem;
   font-family: monospace;
   border: 3px solid #eef9ff;
@@ -84,7 +82,6 @@ select:focus {
 }
 input[type="checkbox"] {
   appearance: none;
-  border: 2px solid #eef9ff;
   vertical-align: middle;
   width: 1rem;
   height: 1rem;
@@ -92,6 +89,10 @@ input[type="checkbox"] {
 input[type="checkbox"]:checked {
   background-color: #fdd33c;
 }
+input[type="checkbox"]:focus-visible {
+  outline: 4px dashed #fdd33c;
+  outline-offset: -3px;
+}
 .projsearch span {
   margin: 4px;
   display: inline-flex;
@@ -127,10 +128,8 @@ body {
   line-height: 1.4;
   margin: 0 0 105px;
   background-color: #e0edf0;
-  color: #111;
 }
 th  {
-  color: #111;
   background-color: #d3dfe3;
   padding: 5px;
 }
@@ -143,7 +142,7 @@ code {
   padding: 2px;
   padding-inline: 2px;
   font-family: 'Victor Mono', monospace;
-  background-color: #FAFEFF;
+  background-color: #fafeff;
   font-weight: bold;
 }
 /* Monospaced Fonts */
@@ -162,6 +161,7 @@ a:visited {
   font-weight: bold;
   text-decoration: underline;
 }
+a:focus-visible,
 a:hover {
   background-color: #111;
   color: #eef9ff;
@@ -178,6 +178,8 @@ td.list a[href*='tree'] {
 td.list a[href*='blob'] {
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA6ElEQVQoFQXBMW5TQRgGwNnHnoE0QbiCjoIooUmTU3AuS1BwIoTSUdJBigg3GCWOg9/++zHTop078wIAsPMrE4SL5/1aIyMjIyMjz/m0tbFECFdrPeaQQw75mz/5nZH7fN7aWILmauSYfznmmIfss8vIUx7zZWsTTXM5vpWvTk5Wq9VHQP/gtgOLa0Qpw940vAQdaG6thpOhlOkG0AEuAVGmEkAH+G4YSikxXQM6wDsAMRFAB/ihDNNUmN4DOsAbBAEAdICfpmmaAt4COoj2GgCASbIkZh1NAACznhQt2itnFgAAlF3u/gMDtJXPzQxoswAAAABJRU5ErkJgggo=) center left no-repeat;
 }
+td.list a[href*='tree']:focus-visible,
+td.list a[href*='blob']:focus-visible,
 td.list a[href*='tree']:hover,
 td.list a[href*='blob']:hover {
   background-color: #111;
@@ -223,6 +225,7 @@ i {
   padding: 3px;
   font-weight: bold;
 }
+.page_header a:focus-visible,
 .page_header a:hover {
   font-weight: bold;
   padding: 3px;
@@ -279,6 +282,7 @@ a.rss_logo {
   margin-top: 30px;
   margin-left: 5px;
 }
+a.rss_logo:focus-visible,
 a.rss_logo:hover {
   background-color: #ee5500;
 }
@@ -393,6 +397,7 @@ a.linenr {
  text-decoration: none;
  background-color: transparent;
 }
+a.linenr:focus-visible,
 a.linenr:hover {
  color: #111;
 }
@@ -464,12 +469,10 @@ a.linenr:hover {
 }
 .readme code {
   max-width: 100%;
-  white-space: pre;
   font-weight: bold;
 }
 .readme blockquote {
   max-width: 100%;
-  white-space: pre;
   margin: 1em;
 }
 .projects_list,
@@ -497,10 +500,13 @@ a.linenr:hover {
 }
 .header .age {
   float: left;
-  color: #000;
   font-weight: bold;
   width: 10em;
 }
+a.header:focus-visible,
+a.header:hover {
+  background-color: #111;
+}
 .title_text {
   width: 94%;
   background: #eef9ff;
@@ -618,6 +624,14 @@ div.diff.from_file a.path,
 div.diff.from_file {
   color: #aa0000;
 }
+div.diff.to_file a.path:focus-visible,
+div.diff.to_file a.path:hover {
+  color: #00e209;
+}
+div.diff.from_file a.path:focus-visible,
+div.diff.from_file a.path:hover {
+  color: #fc0007;
+}
 .patch .header {
   margin: 0;
 }