HTML und CSS · Senior · Frage 71 von 75
Warum teilt man Design Tokens in eine primitive und eine semantische Ebene?
--blue-600: oklch(0.55 0.2 260); /* primitive */
--color-action: var(--blue-600); /* semantic */- 1Browser verlangen zwei Ebenen von Variablen
- 2Themes ändern die Zuordnung, nicht jede Komponente
- 3Primitive Tokens rendern schneller
Antwort zeigen
Richtige Antwort: Themes ändern die Zuordnung, nicht jede Komponente
Erklärung
Dark Mode oder eine neue Marke ordnen nur --color-action neu zu. Komponenten, die direkt auf --blue-600 verweisen, müsste man alle anpassen.