This older article and its examples have not yet been reviewed against current APIs. Check the latest documentation before using the code or treating any example as a measured result.
Name tokens for their role: surface, boundary, emphasis, or danger. A color name such as amber-400 does not tell a developer whether that value is suitable for the background they are using.
Pair colors and define spacing
Define and check text-and-background pairs together. If each color is chosen independently, readable contrast can be lost.
Tokens can also describe spacing and radius. Shared values make those decisions easier to carry through a handover.
A theme file lets brands share a component set while changing their design values. It avoids maintaining a separate component fork for each theme.
A theme file lets brands share a component set while changing their design values. It avoids maintaining a separate component fork for each theme.