Surface
Tokens for the surface colors of the components.
Types
Functions
Link copied to clipboard
A more prominent surface color for containers that need to be clearly distinguished from the background.
Link copied to clipboard
A surface color with the lowest or low emphasis, often used as a base for other elements. The neutral/100 color suggests a slightly off-white matching this role.
Link copied to clipboard
A background color that uses the primary brand color for emphasis, typically used for highlighted sections or key components.
Link copied to clipboard
The default container color. Slightly more emphasized than the main surface.