ChromeScale
A 13-stop neutral ramp representing the chrome (structural gray) palette.
Chrome defines the visual canvas: text, backgrounds, borders, surfaces. Light themes map to the slate foundation (cool grays); dark themes switch to neutral (warm grays) and invert the direction, so that s0 is always the base surface and s900 is always the strongest foreground.
s0 and s1000 are the absolute endpoints (white/black in light, black/white in dark). They absorb the light↔dark polarity, allowing all downstream tokens to reference chrome stops with identical expressions regardless of theme.
Parameters
Base surface — white in light, black in dark.
Faintest tint — subtle surfaces, elevation-1 (dark).
Light — standard surface, disabled states.
Light-mid — surface-strong, default border, avatar placeholder bg.
Mid-light — elevation-3 border (dark), border default (dark).
Mid — border strong, disabled text, elevation-4 (dark).
Mid-neutral — neutral accent.
Core neutral — tertiary text, accent neutral.
Strong — secondary metadata (not used in default themes).
Darker — secondary text.
Deep — not used in default themes.
Deepest foreground — primary text, inverse background.
Absolute endpoint — black in light, white in dark.