assets/css/default: Try normalizing focus offsets

1 files changed, 16 insertions, 9 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 24e811a..1e68078 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -149,8 +149,20 @@ sup:target [role="doc-noteref"][href^="#fn\:"],
 li:target [role="doc-backlink"][href^="#fnref\:"],
 :focus:not(html):not(body):not(svg):not(pre):not(#search-input) {
   outline: 0.15rem solid;
-  outline-offset: -0.15rem;
+  outline-offset: 0.05rem;
   text-decoration: none;
+  border-radius: 0.5rem;
+}
+
+sup:target [role="doc-noteref"][href^="#fn\:"],
+li:target [role="doc-backlink"][href^="#fnref\:"] {
+  outline-offset: 1px;
+}
+
+nav a:focus,
+button:focus,
+context-control a:focus {
+  outline-offset: -0.15rem !important;
 }
 
 pre:focus,
@@ -1309,7 +1321,6 @@ micro-header footer p {
 micro-summary details[data-disclosure] summary {
   margin: 0 -0.25rem 0.5rem -0.25rem;
   padding: 0.25rem;
-  outline-offset: 0.05rem !important;
 }
 
 following-list details summary:focus:after,
@@ -1317,8 +1328,9 @@ following-list details[open] summary:focus:after,
 micro-summary details[data-disclosure] summary:focus a,
 micro-summary details[data-disclosure] summary:focus:after,
 micro-summary details[data-disclosure][open] summary:focus:after {
-  color: inherit;
-  border-color: inherit;
+  color: #111;
+  color: var(--foreground);
+  border-color: #111;
 }
 
 following-list details summary:after,
@@ -2173,11 +2185,6 @@ link-card article a {
   padding-left: 2rem;
 }
 
-sup:target [role="doc-noteref"][href^="#fn\:"],
-li:target [role="doc-backlink"][href^="#fnref\:"] {
-  outline-offset: 1px;
-}
-
 [data-xml] micro-summary {
   flex-direction: row;
 }