diff --git a/src/css/exceptions/color-scheme-picker.css b/src/css/exceptions/color-scheme-picker.css index b07fab1..9e07fce 100644 --- a/src/css/exceptions/color-scheme-picker.css +++ b/src/css/exceptions/color-scheme-picker.css @@ -30,7 +30,8 @@ header > * { &:has(:focus-visible) { outline: 1px solid var(--color-primary); - outline-offset: 2px; + outline-offset: 4px; + border-radius: 5%; } &:has([name="color-scheme"]) { diff --git a/src/css/exceptions/site-title.css b/src/css/exceptions/site-title.css index d2e985b..9ff090b 100644 --- a/src/css/exceptions/site-title.css +++ b/src/css/exceptions/site-title.css @@ -5,7 +5,7 @@ text-decoration: none; &:hover, &:focus, &:focus-visible { - outline-color: transparent; + outline: 0px transparent; text-decoration: underline solid var(--color-primary) 2px; } } diff --git a/src/css/globals.css b/src/css/globals.css index bf15949..7e3f856 100644 --- a/src/css/globals.css +++ b/src/css/globals.css @@ -117,3 +117,9 @@ footer { padding: var(--space-size-l) 0 var(--space-size-s); width: 100%; } + +*:focus-visible { + outline: 1px solid var(--color-primary); + border-radius: 5%; + outline-offset: 4px; +} \ No newline at end of file