Design-Tokens, die ein Redesign überleben

Tokens nach Rolle statt nach Wert benennen – und warum der Dunkelmodus ein reiner Token-Tausch sein sollte.

Nach Rolle benennen

Ein Token namens --violet ist an dem Tag kaputt, an dem die Marke grün wird. Ein Token namens --eyebrow überlebt.

Zwei Ebenen

:root { --color-primary: #524ae9; --eyebrow: var(--color-primary); }
html.dark { --eyebrow: #9f9f9f; }

Unterstützung gesucht?

Wenn Komponenten nur semantische Tokens lesen, braucht der Dunkelmodus überhaupt keine Änderungen an Komponenten.