From: git Date: Tue, 5 May 2026 19:32:08 +0000 (-0400) Subject: improve keyboard accessibility, minor cleanup X-Git-Url: https://git.datadissipation.net/?a=commitdiff_plain;h=349db7cb28f5c970e5b251706bb07f462731f985;p=gitweb-theme.git improve keyboard accessibility, minor cleanup --- diff --git a/gitweb.css b/gitweb.css index d62d62e..b620423 100644 --- 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; }