yarcl
    Preparing search index...

    Interface ColorToken

    A semantic color: one value per color scheme, plus an optional foreground.

    interface ColorToken {
        dark: string;
        light: string;
        on?: string | ColorPair;
        text?: string | ColorPair;
    }

    Hierarchy (View Summary)

    Index
    dark light on? text?
    dark: string

    Value used when the color scheme is dark.

    light: string

    Value used when the color scheme is light.

    on?: string | ColorPair

    Text color used on top of this color. Computed by contrast (black or white) per scheme when omitted; requires hex values.

    Optionaltext

    text?: string | ColorPair

    Color used when this color is drawn as text: outline, soft and ghost variants, colored Text, Link, menu items. Computed per scheme when omitted: the color itself when it has enough contrast on the page, surface and tinted backgrounds, otherwise mixed toward the neutral text color until it does. Requires hex values.

    Settings
    Member Visibility

    On This Page
    Properties