From 2455b9b72f61affd56c5fc16bc05b537921d237a Mon Sep 17 00:00:00 2001 From: Jeffrey Lauwers Date: Thu, 19 Mar 2026 12:18:26 +0100 Subject: [PATCH] fix(tokens): hardcoded kleur- en schaduwfallbacks in table.css vervangen MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Verwijder hardcoded #fcfcfc fallback uit --_bg: gebruikt nu direct var(--dsn-color-neutral-bg-document) zonder fallback - Vervang hardcoded rgba(0,0,0,0.15) door var(--dsn-color-shadow-scroll) zodat dark mode de lichte schaduw (rgba(255,255,255,0.12)) gebruikt - Update comment: scroll-shadow is nu volledig getoken De tokens dsn.color.shadow.scroll bestonden al in beide thema's (colors-light.json + colors-dark.json) — alleen de CSS-referentie ontbrak. Closes #86 Co-Authored-By: Claude Sonnet 4.6 --- packages/components-html/src/table/table.css | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/packages/components-html/src/table/table.css b/packages/components-html/src/table/table.css index e4dc94b..ea5a4fb 100644 --- a/packages/components-html/src/table/table.css +++ b/packages/components-html/src/table/table.css @@ -10,18 +10,19 @@ * * ⚠️ Vereist dat --dsn-table-wrapper-background-color overeenkomt met de omringende * pagina-achtergrond. Overschrijf dit token als de tabel op een gekleurde achtergrond staat. - * De schaduwkleur is niet getoken (shadow.direct bestaat niet in alle thema's); - * overschrijf --dsn-table-wrapper-scroll-shadow-color als je een andere schaduwkleur wilt. + * Overschrijf --dsn-table-wrapper-scroll-shadow-color als je een andere schaduwkleur wilt. */ .dsn-table-wrapper { - /* Lokale variabelen zodat de waarden maar één keer herhaald hoeven te worden. - * Fallbacks zorgen ervoor dat de schaduwen werken ook zonder gebouwde design tokens. */ + /* Lokale variabelen zodat de waarden maar één keer herhaald hoeven te worden. */ --_bg: var( --dsn-table-wrapper-background-color, - var(--dsn-color-neutral-bg-document, #fcfcfc) + var(--dsn-color-neutral-bg-document) + ); + --_shadow: var( + --dsn-table-wrapper-scroll-shadow-color, + var(--dsn-color-shadow-scroll) ); - --_shadow: var(--dsn-table-wrapper-scroll-shadow-color, rgba(0, 0, 0, 0.15)); overflow-x: auto; background-color: var(--_bg);