diff --git a/src/app/globals.css b/src/app/globals.css index 16cd79fd..8937bb75 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -142,6 +142,7 @@ .utrecht-link { --utrecht-link-color: currentColor; --utrecht-link-hover-color: black; + --utrecht-link-text-decoration-color: currentColor; } /* colors */ @@ -214,14 +215,20 @@ } .dashed-focus:focus-visible { - --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent); - box-shadow: var(--_utrecht-focus-ring-box-shadow); - outline-color: var(--utrecht-focus-outline-color, revert); - outline-offset: var(--utrecht-focus-outline-offset, revert); - outline-style: var(--utrecht-focus-outline-style, revert); - outline-width: var(--utrecht-focus-outline-width, revert); - z-index: 1; - --_utrecht-link-state-text-decoration: var(--utrecht-link-focus-visible-text-decoration, var(--utrecht-link-focus-text-decoration)); - --_utrecht-link-state-text-decoration-thickness: var(--utrecht-link-focus-visible-text-decoration-thickness, var(--utrecht-link-focus-text-decoration-thickness)); - -} \ No newline at end of file + --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) + var(--utrecht-focus-inverse-outline-color, transparent); + box-shadow: var(--_utrecht-focus-ring-box-shadow); + outline-color: var(--utrecht-focus-outline-color, revert); + outline-offset: var(--utrecht-focus-outline-offset, revert); + outline-style: var(--utrecht-focus-outline-style, revert); + outline-width: var(--utrecht-focus-outline-width, revert); + z-index: 1; + --_utrecht-link-state-text-decoration: var( + --utrecht-link-focus-visible-text-decoration, + var(--utrecht-link-focus-text-decoration) + ); + --_utrecht-link-state-text-decoration-thickness: var( + --utrecht-link-focus-visible-text-decoration-thickness, + var(--utrecht-link-focus-text-decoration-thickness) + ); +}