diff --git a/src/app.css b/src/app.css index 424d6e45..849d1a19 100644 --- a/src/app.css +++ b/src/app.css @@ -343,6 +343,7 @@ a.mention span { } .status-link:is(:hover, :focus) { background-color: var(--link-bg-hover-color); + outline-offset: -2px; } .status-link:active { filter: brightness(0.95); diff --git a/src/index.css b/src/index.css index c97c455b..2b4956d4 100644 --- a/src/index.css +++ b/src/index.css @@ -16,6 +16,7 @@ --link-light-color: #4169e199; --link-faded-color: #4169e155; --link-bg-hover-color: #f0f2f599; + --focus-ring-color: var(--link-color); --button-bg-color: var(--blue-color); --button-bg-blur-color: #4169e1aa; --button-text-color: white; @@ -246,6 +247,10 @@ code { outline: 0; } +:not([tabindex='-1']):focus { + outline: 2px solid var(--focus-ring-color); +} + /* UTILS */ .ib {