From 3bce55aa871ceb322cd7e1a76e8eab13fa8c12cc Mon Sep 17 00:00:00 2001 From: Jeffrey Lauwers Date: Thu, 19 Mar 2026 12:11:23 +0100 Subject: [PATCH] fix(tokens): focus outline in reset.css ontkoppelen van hardcoded waarden MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Vervang de hardcoded outline-waarden in :focus-visible door de design token variabelen. Dit zorgt ervoor dat de reset consistent is met de focus-tokens en dat componenten zonder eigen focus-styling het correcte design system patroon volgen (dashed, 0px offset, token-kleur). Probleem 2 uit issue #87 (dark mode focus-tokens) was al opgelost in een eerdere sessie — colors-dark.json bevat al een expliciete focus-sectie met afwijkende waarden voor dark mode. Closes #87 Co-Authored-By: Claude Sonnet 4.6 --- packages/core/src/styles/reset.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/core/src/styles/reset.css b/packages/core/src/styles/reset.css index c466b3d..ef0b7e0 100644 --- a/packages/core/src/styles/reset.css +++ b/packages/core/src/styles/reset.css @@ -78,8 +78,9 @@ button { /* Improve focus visibility */ :focus-visible { - outline: 2px solid currentColor; - outline-offset: 2px; + outline: var(--dsn-focus-outline-width) var(--dsn-focus-outline-style) + var(--dsn-focus-outline-color); + outline-offset: var(--dsn-focus-outline-offset); } /* Remove focus outline for mouse users */