Function getSemanticColors

  • getSemanticColors(mode: SemanticColorMode): SemanticColors

    Resolve the semantic color groups for a color mode.

    Dark mode uses fixed HSL values; light mode derives borders/text from the gray ramp (with alpha).

    Parameters

    Returns SemanticColors

    The SemanticColors for that mode.

    Example

    const colors = getSemanticColors("dark");
    colors.surface.page; // "hsl(0, 0%, 9%)"

Settings

Member Visibility